/* ============================================================
   HYPE - single site stylesheet
   Part 1: foundation (typography presets, layout, breakpoints)
   Part 2: UI + shared-component styling
   ============================================================ */

/* Hype base stylesheet - shared across all pages (deduplicated). */
@font-face {
        font-family: "Space Grotesk Placeholder";
        src: local("Arial");
        ascent-override: 88.75%;
        descent-override: 26.34%;
        line-gap-override: 0%;
        size-adjust: 110.87%;
      }

@font-face {
        font-family: "Inter Placeholder";
        src: local("Arial");
        ascent-override: 89.79%;
        descent-override: 22.36%;
        line-gap-override: 0%;
        size-adjust: 107.89%;
      }
html, body, #main {
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
      }
:root {
        -webkit-font-smoothing: antialiased;
      }
* {
        box-sizing: border-box;
        -webkit-font-smoothing: inherit;
      }
h1, h2, h3, h4, h5, h6, p, figure {
        margin: 0px;
      }
body, input, textarea, select, button {
        font-family: sans-serif;
        font-size: 12px;
      }
body {
        --token-3d3bb8af-3862-486e-bbcf-13680c9c9654: #FEB501;
        --token-674ae7db-883c-4cdd-b47c-e63333b9518d: #FEB501;
        --token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96: #FF8000;
        --token-207d6de8-e65a-4c79-8de2-bfe1b5677d83: #000001;
        --token-6212ea50-3a30-451c-b3f9-3d22f041bda8: #e8eaf1;
        --token-1f172f21-c328-4fba-b6c2-53f8778bbbc9: #f4f4f4;
        --token-3eb47e2b-24ee-4494-826c-6593e6aeffe5: #000001;
        --token-7cb78164-3a77-4e07-b4d7-07255a2575f4: #FEB50199;
        --token-893d3660-6017-428e-8c48-0e2cf5fcc9f3: #FF800099;
        --token-196fa49f-dbc9-405d-9280-1691609daec1: #FF800066;
        --token-5ff3850a-5094-4c08-b0d7-43b1c2767902: #FF80001a;
        --token-36338cbc-6efb-445d-a11b-9ea1d69bbdbf: #FF800012;
        --token-9e10feb8-ed6a-4d4d-b543-e3d6be62aecd: #f4f4f499;
        --token-05ba94f6-b5a9-4c96-952e-1a7c30f62227: #f4f4f466;
        --token-14d6b7de-ca3b-4a61-80ef-060d57ee2e26: #f4f4f440;
        --token-34f0cf48-e99f-4fb8-800f-7567aaa2d95e: #0000011a;
      }
@supports (z-index: calc(infinity)) {
#__hype-badge-container {
          --infinity: infinity;
        }
}
#__hype-badge-container {
        pointer-events: none;
        width: 100%;
        z-index: calc(var(--infinity, 2147480000));
        justify-content: flex-end;
        padding: 20px;
        display: flex;
        position: fixed;
        bottom: 0px;
      }
body {
        --hype-will-change-override: none;
      }
@supports (background: -webkit-named-image(i)) and (not (grid-template-rows: subgrid)) {
body {
          --hype-will-change-override: transform;
        }
}
[data-hype-component-type] {
        position: absolute;
      }
[data-hype-component-type="Text"] {
        cursor: inherit;
      }
[data-hype-component-text-autosized] * {
        white-space: pre;
      }
[data-hype-component-type="Text"] > * {
        text-align: var(--hype-text-alignment, start);
      }
[data-hype-component-type="Text"] span span, [data-hype-component-type="Text"] p span, [data-hype-component-type="Text"] h1 span, [data-hype-component-type="Text"] h2 span, [data-hype-component-type="Text"] h3 span, [data-hype-component-type="Text"] h4 span, [data-hype-component-type="Text"] h5 span, [data-hype-component-type="Text"] h6 span {
        display: block;
      }
[data-hype-component-type="Text"] span span span, [data-hype-component-type="Text"] p span span, [data-hype-component-type="Text"] h1 span span, [data-hype-component-type="Text"] h2 span span, [data-hype-component-type="Text"] h3 span span, [data-hype-component-type="Text"] h4 span span, [data-hype-component-type="Text"] h5 span span, [data-hype-component-type="Text"] h6 span span {
        display: unset;
      }
[data-hype-component-type="Text"] div div span, [data-hype-component-type="Text"] a div span, [data-hype-component-type="Text"] span span span, [data-hype-component-type="Text"] p span span, [data-hype-component-type="Text"] h1 span span, [data-hype-component-type="Text"] h2 span span, [data-hype-component-type="Text"] h3 span span, [data-hype-component-type="Text"] h4 span span, [data-hype-component-type="Text"] h5 span span, [data-hype-component-type="Text"] h6 span span, [data-hype-component-type="Text"] a {
        font-family: var(--font-family);
        font-style: var(--font-style);
        font-weight: min(calc(var(--hype-font-weight-increase, 0) + var(--font-weight, 400)), 900);
        color: var(--text-color);
        letter-spacing: var(--letter-spacing);
        font-size: var(--font-size);
        text-transform: var(--text-transform);
        --text-decoration: var(--hype-text-decoration-style, solid) var(--hype-text-decoration, none)
          var(--hype-text-decoration-color, currentcolor) var(--hype-text-decoration-thickness, auto);
        --text-decoration-skip-ink: var(--hype-text-decoration-skip-ink);
        --text-underline-offset: var(--hype-text-decoration-offset);
        line-height: var(--line-height);
        --font-family: var(--hype-font-family);
        --font-style: var(--hype-font-style);
        --font-weight: var(--hype-font-weight);
        --text-color: var(--hype-text-color);
        --letter-spacing: var(--hype-letter-spacing);
        --font-size: var(--hype-font-size);
        --text-transform: var(--hype-text-transform);
        --line-height: var(--hype-line-height);
      }
[data-hype-component-type="Text"] a, [data-hype-component-type="Text"] a div span, [data-hype-component-type="Text"] a span span span, [data-hype-component-type="Text"] a p span span, [data-hype-component-type="Text"] a h1 span span, [data-hype-component-type="Text"] a h2 span span, [data-hype-component-type="Text"] a h3 span span, [data-hype-component-type="Text"] a h4 span span, [data-hype-component-type="Text"] a h5 span span, [data-hype-component-type="Text"] a h6 span span {
        --font-family: var(--hype-link-font-family, var(--hype-font-family));
        --font-style: var(--hype-link-font-style, var(--hype-font-style));
        --font-weight: var(--hype-link-font-weight, var(--hype-font-weight));
        --text-color: var(--hype-link-text-color, var(--hype-text-color));
        --font-size: var(--hype-link-font-size, var(--hype-font-size));
        --text-transform: var(--hype-link-text-transform, var(--hype-text-transform));
        --text-decoration: var(--hype-link-text-decoration-style, var(--hype-text-decoration-style, solid))
          var(--hype-link-text-decoration, var(--hype-text-decoration, none))
          var(--hype-link-text-decoration-color, var(--hype-text-decoration-color, currentcolor))
          var(--hype-link-text-decoration-thickness, var(--hype-text-decoration-thickness, auto));
        --text-decoration-skip-ink: var(--hype-link-text-decoration-skip-ink, var(--hype-text-decoration-skip-ink));
        --text-underline-offset: var(--hype-link-text-decoration-offset, var(--hype-text-decoration-offset));
      }
[data-hype-component-type="Text"] a:hover, [data-hype-component-type="Text"] a div span:hover, [data-hype-component-type="Text"] a span span span:hover, [data-hype-component-type="Text"] a p span span:hover, [data-hype-component-type="Text"] a h1 span span:hover, [data-hype-component-type="Text"] a h2 span span:hover, [data-hype-component-type="Text"] a h3 span span:hover, [data-hype-component-type="Text"] a h4 span span:hover, [data-hype-component-type="Text"] a h5 span span:hover, [data-hype-component-type="Text"] a h6 span span:hover {
        --font-family: var(--hype-link-hover-font-family, var(--hype-link-font-family, var(--hype-font-family)));
        --font-style: var(--hype-link-hover-font-style, var(--hype-link-font-style, var(--hype-font-style)));
        --font-weight: var(--hype-link-hover-font-weight, var(--hype-link-font-weight, var(--hype-font-weight)));
        --text-color: var(--hype-link-hover-text-color, var(--hype-link-text-color, var(--hype-text-color)));
        --font-size: var(--hype-link-hover-font-size, var(--hype-link-font-size, var(--hype-font-size)));
        --text-transform: var(
          --hype-link-hover-text-transform,
          var(--hype-link-text-transform, var(--hype-text-transform))
        );
        --text-decoration: var(
            --hype-link-hover-text-decoration-style,
            var(--hype-link-text-decoration-style, var(--hype-text-decoration-style, solid))
          )
          var(
            --hype-link-hover-text-decoration,
            var(--hype-link-text-decoration, var(--hype-text-decoration, none))
          )
          var(
            --hype-link-hover-text-decoration-color,
            var(--hype-link-text-decoration-color, var(--hype-text-decoration-color, currentcolor))
          )
          var(
            --hype-link-hover-text-decoration-thickness,
            var(--hype-link-text-decoration-thickness, var(--hype-text-decoration-thickness, auto))
          );
        --text-decoration-skip-ink: var(
          --hype-link-hover-text-decoration-skip-ink,
          var(--hype-link-text-decoration-skip-ink, var(--hype-text-decoration-skip-ink))
        );
        --text-underline-offset: var(
          --hype-link-hover-text-decoration-offset,
          var(--hype-link-text-decoration-offset, var(--hype-text-decoration-offset))
        );
      }
[data-hype-component-type="Text"].isCurrent a, [data-hype-component-type="Text"].isCurrent a div span, [data-hype-component-type="Text"].isCurrent a span span span, [data-hype-component-type="Text"].isCurrent a p span span, [data-hype-component-type="Text"].isCurrent a h1 span span, [data-hype-component-type="Text"].isCurrent a h2 span span, [data-hype-component-type="Text"].isCurrent a h3 span span, [data-hype-component-type="Text"].isCurrent a h4 span span, [data-hype-component-type="Text"].isCurrent a h5 span span, [data-hype-component-type="Text"].isCurrent a h6 span span {
        --font-family: var(
          --hype-link-current-font-family,
          var(--hype-link-font-family, var(--hype-font-family))
        );
        --font-style: var(--hype-link-current-font-style, var(--hype-link-font-style, var(--hype-font-style)));
        --font-weight: var(
          --hype-link-current-font-weight,
          var(--hype-link-font-weight, var(--hype-font-weight))
        );
        --text-color: var(--hype-link-current-text-color, var(--hype-link-text-color, var(--hype-text-color)));
        --font-size: var(--hype-link-current-font-size, var(--hype-link-font-size, var(--hype-font-size)));
        --text-transform: var(
          --hype-link-current-text-transform,
          var(--hype-link-text-transform, var(--hype-text-transform))
        );
        --text-decoration: var(
            --hype-link-current-text-decoration-style,
            var(--hype-link-text-decoration-style, var(--hype-text-decoration-style, solid))
          )
          var(
            --hype-link-current-text-decoration,
            var(--hype-link-text-decoration, var(--hype-text-decoration, none))
          )
          var(
            --hype-link-current-text-decoration-color,
            var(--hype-link-text-decoration-color, var(--hype-text-decoration-color, currentcolor))
          )
          var(
            --hype-link-current-text-decoration-thickness,
            var(--hype-link-text-decoration-thickness, var(--hype-text-decoration-thickness, auto))
          );
        --text-decoration-skip-ink: var(
          --hype-link-current-text-decoration-skip-ink,
          var(--hype-link-text-decoration-skip-ink, var(--hype-text-decoration-skip-ink))
        );
        --text-underline-offset: var(
          --hype-link-current-text-decoration-offset,
          var(--hype-link-text-decoration-offset, var(--hype-text-decoration-offset))
        );
      }
[data-hype-component-type="RichTextContainer"] {
        outline: none;
        flex-direction: column;
        flex-shrink: 0;
        justify-content: flex-start;
        display: flex;
      }
p.hype-text, div.hype-text, figure.hype-text, h1.hype-text, h2.hype-text, h3.hype-text, h4.hype-text, h5.hype-text, h6.hype-text, ol.hype-text, ul.hype-text {
        margin: 0px;
        padding: 0px;
      }
p.hype-text, div.hype-text, h1.hype-text, h2.hype-text, h3.hype-text, h4.hype-text, h5.hype-text, h6.hype-text, li.hype-text, ol.hype-text, ul.hype-text, mark.hype-text, span.hype-text:not([data-text-fill]) {
        font-family: var(
          --hype-blockquote-font-family,
          var(--hype-font-family, Inter, Inter Placeholder, sans-serif)
        );
        font-style: var(--hype-blockquote-font-style, var(--hype-font-style, normal));
        font-weight: var(--hype-blockquote-font-weight, var(--hype-font-weight, 400));
        color: var(--hype-blockquote-text-color, var(--hype-text-color, #000));
        font-size: calc(
          var(--hype-blockquote-font-size, var(--hype-font-size, 16px)) * var(--hype-font-size-scale, 1)
        );
        letter-spacing: var(--hype-blockquote-letter-spacing, var(--hype-letter-spacing, 0));
        text-transform: var(--hype-blockquote-text-transform, var(--hype-text-transform, none));
        text-decoration-line: var(--hype-blockquote-text-decoration, var(--hype-text-decoration, initial));
        text-decoration-style: var(
          --hype-blockquote-text-decoration-style,
          var(--hype-text-decoration-style, initial)
        );
        text-decoration-color: var(
          --hype-blockquote-text-decoration-color,
          var(--hype-text-decoration-color, initial)
        );
        text-decoration-thickness: var(
          --hype-blockquote-text-decoration-thickness,
          var(--hype-text-decoration-thickness, initial)
        );
        text-decoration-skip-ink: var(
          --hype-blockquote-text-decoration-skip-ink,
          var(--hype-text-decoration-skip-ink, initial)
        );
        text-underline-offset: var(
          --hype-blockquote-text-decoration-offset,
          var(--hype-text-decoration-offset, initial)
        );
        line-height: var(--hype-blockquote-line-height, var(--hype-line-height, 1.2em));
        text-align: var(--hype-blockquote-text-alignment, var(--hype-text-alignment, start));
        -webkit-text-stroke-width: var(--hype-text-stroke-width, initial);
        -webkit-text-stroke-color: var(--hype-text-stroke-color, initial);
        font-feature-settings: var(--hype-font-open-type-features, initial);
        font-variation-settings: var(--hype-font-variation-axes, normal);
        text-wrap: var(--hype-text-wrap-override, var(--hype-text-wrap));
      }
mark.hype-text, p.hype-text, div.hype-text, h1.hype-text, h2.hype-text, h3.hype-text, h4.hype-text, h5.hype-text, h6.hype-text, li.hype-text, ol.hype-text, ul.hype-text {
        background-color: var(--hype-blockquote-text-background-color, var(--hype-text-background-color, initial));
        border-radius: var(--hype-blockquote-text-background-radius, var(--hype-text-background-radius, initial));
        padding: var(--hype-blockquote-text-background-padding, var(--hype-text-background-padding, initial));
      }
@supports not (color: color(display-p3 1 1 1)) {
p.hype-text, div.hype-text, h1.hype-text, h2.hype-text, h3.hype-text, h4.hype-text, h5.hype-text, h6.hype-text, li.hype-text, ol.hype-text, ul.hype-text, span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-blockquote-text-color-rgb,
            var(--hype-blockquote-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
          );
          -webkit-text-stroke-color: var(--hype-text-stroke-color-rgb, var(--hype-text-stroke-color, initial));
        }
mark.hype-text {
          background-color: var(
            --hype-blockquote-text-background-color-rgb,
            var(
              --hype-blockquote-text-background-color,
              var(--hype-text-background-color-rgb, var(--hype-text-background-color, initial))
            )
          );
        }
}
strong.hype-text {
        font-family: var(--hype-blockquote-font-family-bold, var(--hype-font-family-bold));
        font-style: var(--hype-blockquote-font-style-bold, var(--hype-font-style-bold));
        font-weight: var(--hype-blockquote-font-weight-bold, var(--hype-font-weight-bold, bolder));
        font-variation-settings: var(
          --hype-blockquote-font-variation-axes-bold,
          var(--hype-font-variation-axes-bold)
        );
      }
em.hype-text {
        font-family: var(--hype-blockquote-font-family-italic, var(--hype-font-family-italic));
        font-style: var(--hype-blockquote-font-style-italic, var(--hype-font-style-italic, italic));
        font-weight: var(--hype-blockquote-font-weight-italic, var(--hype-font-weight-italic));
        font-variation-settings: var(
          --hype-blockquote-font-variation-axes-italic,
          var(--hype-font-variation-axes-italic)
        );
      }
em.hype-text > strong.hype-text {
        font-family: var(--hype-blockquote-font-family-bold-italic, var(--hype-font-family-bold-italic));
        font-style: var(--hype-blockquote-font-style-bold-italic, var(--hype-font-style-bold-italic, italic));
        font-weight: var(--hype-blockquote-font-weight-bold-italic, var(--hype-font-weight-bold-italic, bolder));
        font-variation-settings: var(
          --hype-blockquote-font-variation-axes-bold-italic,
          var(--hype-font-variation-axes-bold-italic)
        );
      }
p.hype-text:not(:first-child), div.hype-text:not(:first-child), h1.hype-text:not(:first-child), h2.hype-text:not(:first-child), h3.hype-text:not(:first-child), h4.hype-text:not(:first-child), h5.hype-text:not(:first-child), h6.hype-text:not(:first-child), ol.hype-text:not(:first-child), ul.hype-text:not(:first-child), blockquote.hype-text:not(:first-child), table.hype-text:not(:first-child), figure.hype-text:not(:first-child) {
        margin-top: var(--hype-blockquote-paragraph-spacing, var(--hype-paragraph-spacing, 0));
      }
li.hype-text > ul.hype-text:nth-child(2), li.hype-text > ol.hype-text:nth-child(2) {
        margin-top: 0px;
      }
.hype-text[data-text-fill] {
        -webkit-text-fill-color: transparent;
        padding: max(
          0em,
          calc(calc(1.3em - var(--hype-blockquote-line-height, var(--hype-line-height, 1.3em))) / 2)
        );
        margin: min(
          0em,
          calc(calc(1.3em - var(--hype-blockquote-line-height, var(--hype-line-height, 1.3em))) / -2)
        );
        background-clip: text;
        display: inline-block;
      }
code.hype-text, code.hype-text span.hype-text:not([data-text-fill]) {
        font-family: var(--hype-code-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif));
        font-style: var(
          --hype-blockquote-font-style,
          var(--hype-code-font-style, var(--hype-font-style, normal))
        );
        font-weight: var(
          --hype-blockquote-font-weight,
          var(--hype-code-font-weight, var(--hype-font-weight, 400))
        );
        color: var(--hype-blockquote-text-color, var(--hype-code-text-color, var(--hype-text-color, #000)));
        font-size: calc(
          var(--hype-blockquote-font-size, var(--hype-font-size, 16px)) * var(--hype-font-size-scale, 1)
        );
        letter-spacing: var(--hype-blockquote-letter-spacing, var(--hype-letter-spacing, 0));
        line-height: var(--hype-blockquote-line-height, var(--hype-line-height, 1.2em));
      }
@supports not (color: color(display-p3 1 1 1)) {
code.hype-text, code.hype-text span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-blockquote-text-color-rgb,
            var(
              --hype-blockquote-text-color,
              var(
                --hype-code-text-color-rgb,
                var(--hype-code-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
              )
            )
          );
        }
}
blockquote.hype-text {
        unicode-bidi: initial;
        margin-block: initial;
        margin-inline: initial;
      }
a.hype-text, a.hype-text span.hype-text:not([data-text-fill]), span.hype-text[data-nested-link], span.hype-text[data-nested-link] span.hype-text:not([data-text-fill]) {
        font-family: var(
          --hype-blockquote-font-family,
          var(--hype-link-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif))
        );
        font-style: var(
          --hype-blockquote-font-style,
          var(--hype-link-font-style, var(--hype-font-style, normal))
        );
        font-weight: var(
          --hype-blockquote-font-weight,
          var(--hype-link-font-weight, var(--hype-font-weight, 400))
        );
        color: var(--hype-blockquote-text-color, var(--hype-link-text-color, var(--hype-text-color, #000)));
        font-size: calc(
          var(--hype-blockquote-font-size, var(--hype-font-size, 16px)) * var(--hype-font-size-scale, 1)
        );
        text-transform: var(
          --hype-blockquote-text-transform,
          var(--hype-link-text-transform, var(--hype-text-transform, none))
        );
        cursor: var(--hype-custom-cursors, pointer);
        background-color: var(--hype-link-text-background-color, initial);
        border-radius: var(--hype-link-text-background-radius, initial);
        padding: var(--hype-link-text-background-padding, initial);
      }
a.hype-text, span.hype-text[data-nested-link] {
        text-decoration-line: var(
          --hype-blockquote-text-decoration,
          var(--hype-link-text-decoration, var(--hype-text-decoration, initial))
        );
        text-decoration-style: var(
          --hype-blockquote-text-decoration-style,
          var(--hype-link-text-decoration-style, var(--hype-text-decoration-style, initial))
        );
        text-decoration-color: var(
          --hype-blockquote-text-decoration-color,
          var(--hype-link-text-decoration-color, var(--hype-text-decoration-color, initial))
        );
        text-decoration-thickness: var(
          --hype-blockquote-text-decoration-thickness,
          var(--hype-link-text-decoration-thickness, var(--hype-text-decoration-thickness, initial))
        );
        text-decoration-skip-ink: var(
          --hype-blockquote-text-decoration-skip-ink,
          var(--hype-link-text-decoration-skip-ink, var(--hype-text-decoration-skip-ink, initial))
        );
        text-underline-offset: var(
          --hype-blockquote-text-decoration-offset,
          var(--hype-link-text-decoration-offset, var(--hype-text-decoration-offset, initial))
        );
      }
@supports not (color: color(display-p3 1 1 1)) {
a.hype-text, a.hype-text span.hype-text:not([data-text-fill]), span.hype-text[data-nested-link], span.hype-text[data-nested-link] span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-blockquote-text-color-rgb,
            var(
              --hype-blockquote-text-color,
              var(
                --hype-link-text-color-rgb,
                var(--hype-link-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
              )
            )
          );
          background-color: var(
            --hype-link-text-background-color-rgb,
            var(--hype-link-text-background-color, initial)
          );
        }
}
code.hype-text a.hype-text, code.hype-text a.hype-text span.hype-text:not([data-text-fill]), code.hype-text span.hype-text[data-nested-link], code.hype-text span.hype-text[data-nested-link] span.hype-text:not([data-text-fill]) {
        font-family: var(--hype-code-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif));
        font-style: var(
          --hype-blockquote-font-style,
          var(--hype-code-font-style, var(--hype-font-style, normal))
        );
        font-weight: var(
          --hype-blockquote-font-weight,
          var(--hype-code-font-weight, var(--hype-font-weight, 400))
        );
        color: var(
          --hype-blockquote-text-color,
          var(--hype-link-text-color, var(--hype-code-text-color, var(--hype-text-color, #000)))
        );
        font-size: calc(
          var(--hype-blockquote-font-size, var(--hype-font-size, 16px)) * var(--hype-font-size-scale, 1)
        );
      }
@supports not (color: color(display-p3 1 1 1)) {
code.hype-text a.hype-text, code.hype-text a.hype-text span.hype-text:not([data-text-fill]), code.hype-text span.hype-text[data-nested-link], code.hype-text span.hype-text[data-nested-link] span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-blockquote-text-color-rgb,
            var(
              --hype-blockquote-text-color,
              var(
                --hype-link-text-color-rgb,
                var(
                  --hype-link-text-color,
                  var(
                    --hype-code-text-color-rgb,
                    var(--hype-code-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
                  )
                )
              )
            )
          );
        }
}
a.hype-text:hover, a.hype-text:hover span.hype-text:not([data-text-fill]), span.hype-text[data-nested-link]:hover, span.hype-text[data-nested-link]:hover span.hype-text:not([data-text-fill]) {
        font-family: var(
          --hype-link-hover-font-family,
          var(
            --hype-blockquote-font-family,
            var(--hype-link-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif))
          )
        );
        font-style: var(
          --hype-link-hover-font-style,
          var(--hype-blockquote-font-style, var(--hype-link-font-style, var(--hype-font-style, normal)))
        );
        font-weight: var(
          --hype-link-hover-font-weight,
          var(--hype-blockquote-font-weight, var(--hype-link-font-weight, var(--hype-font-weight, 400)))
        );
        color: var(
          --hype-link-hover-text-color,
          var(--hype-blockquote-text-color, var(--hype-link-text-color, var(--hype-text-color, #000)))
        );
        font-size: calc(
          var(--hype-link-hover-font-size, var(--hype-blockquote-font-size, var(--hype-font-size, 16px))) *
            var(--hype-font-size-scale, 1)
        );
        text-transform: var(
          --hype-link-hover-text-transform,
          var(--hype-blockquote-text-transform, var(--hype-link-text-transform, var(--hype-text-transform, none)))
        );
        background-color: var(
          --hype-link-hover-text-background-color,
          var(--hype-link-text-background-color, var(--hype-text-background-color, initial))
        );
        border-radius: var(
          --hype-link-hover-text-background-radius,
          var(--hype-link-text-background-radius, var(--hype-text-background-radius, initial))
        );
        padding: var(
          --hype-link-hover-text-background-padding,
          var(--hype-link-text-background-padding, var(--hype-text-background-padding, initial))
        );
      }
a.hype-text:hover, span.hype-text[data-nested-link]:hover {
        text-decoration-line: var(
          --hype-link-hover-text-decoration,
          var(
            --hype-blockquote-text-decoration,
            var(--hype-link-text-decoration, var(--hype-text-decoration, initial))
          )
        );
        text-decoration-style: var(
          --hype-link-hover-text-decoration-style,
          var(
            --hype-blockquote-text-decoration-style,
            var(--hype-link-text-decoration-style, var(--hype-text-decoration-style, initial))
          )
        );
        text-decoration-color: var(
          --hype-link-hover-text-decoration-color,
          var(
            --hype-blockquote-text-decoration-color,
            var(--hype-link-text-decoration-color, var(--hype-text-decoration-color, initial))
          )
        );
        text-decoration-thickness: var(
          --hype-link-hover-text-decoration-thickness,
          var(
            --hype-blockquote-text-decoration-thickness,
            var(--hype-link-text-decoration-thickness, var(--hype-text-decoration-thickness, initial))
          )
        );
        text-decoration-skip-ink: var(
          --hype-link-hover-text-decoration-skip-ink,
          var(
            --hype-blockquote-text-decoration-skip-ink,
            var(--hype-link-text-decoration-skip-ink, var(--hype-text-decoration-skip-ink, initial))
          )
        );
        text-underline-offset: var(
          --hype-link-hover-text-decoration-offset,
          var(
            --hype-blockquote-text-decoration-offset,
            var(--hype-link-text-decoration-offset, var(--hype-text-decoration-offset, initial))
          )
        );
      }
@supports not (color: color(display-p3 1 1 1)) {
a.hype-text:hover, a.hype-text:hover span.hype-text:not([data-text-fill]), span.hype-text[data-nested-link]:hover, span.hype-text[data-nested-link]:hover span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-link-hover-text-color-rgb,
            var(
              --hype-link-hover-text-color,
              var(
                --hype-blockquote-text-color-rgb,
                var(
                  --hype-blockquote-text-color,
                  var(
                    --hype-link-text-color-rgb,
                    var(--hype-link-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
                  )
                )
              )
            )
          );
          background-color: var(
            --hype-link-hover-text-background-color-rgb,
            var(
              --hype-link-hover-text-background-color,
              var(
                --hype-link-text-background-color-rgb,
                var(
                  --hype-link-text-background-color,
                  var(--hype-text-background-color-rgb, var(--hype-text-background-color, initial))
                )
              )
            )
          );
        }
}
code.hype-text a.hype-text:hover, code.hype-text a.hype-text:hover span.hype-text:not([data-text-fill]), code.hype-text span.hype-text[data-nested-link]:hover, code.hype-text span.hype-text[data-nested-link]:hover span.hype-text:not([data-text-fill]) {
        font-family: var(--hype-code-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif));
        font-style: var(
          --hype-blockquote-font-style,
          var(--hype-code-font-style, var(--hype-font-style, normal))
        );
        font-weight: var(
          --hype-blockquote-font-weight,
          var(--hype-code-font-weight, var(--hype-font-weight, 400))
        );
        color: var(
          --hype-link-hover-text-color,
          var(
            --hype-blockquote-text-color,
            var(--hype-link-text-color, var(--hype-code-text-color, var(--hype-text-color, #000)))
          )
        );
        font-size: calc(
          var(
              --hype-link-hover-font-size,
              var(--hype-blockquote-font-size, var(--hype-link-font-size, var(--hype-font-size, 16px)))
            ) *
            var(--hype-font-size-scale, 1)
        );
      }
@supports not (color: color(display-p3 1 1 1)) {
code.hype-text a.hype-text:hover, code.hype-text a.hype-text:hover span.hype-text:not([data-text-fill]), code.hype-text span.hype-text[data-nested-link]:hover, code.hype-text span.hype-text[data-nested-link]:hover span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-link-hover-text-color-rgb,
            var(
              --hype-link-hover-text-color,
              var(
                --hype-blockquote-text-color-rgb,
                var(
                  --hype-blockquote-text-color,
                  var(
                    --hype-link-text-color-rgb,
                    var(--hype-link-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
                  )
                )
              )
            )
          );
        }
}
a.hype-text[data-hype-page-link-current], a.hype-text[data-hype-page-link-current] span.hype-text:not([data-text-fill]), span.hype-text[data-hype-page-link-current], span.hype-text[data-hype-page-link-current] span.hype-text:not([data-text-fill]) {
        font-family: var(
          --hype-link-current-font-family,
          var(--hype-link-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif))
        );
        font-style: var(
          --hype-link-current-font-style,
          var(--hype-link-font-style, var(--hype-font-style, normal))
        );
        font-weight: var(
          --hype-link-current-font-weight,
          var(--hype-link-font-weight, var(--hype-font-weight, 400))
        );
        color: var(--hype-link-current-text-color, var(--hype-link-text-color, var(--hype-text-color, #000)));
        font-size: calc(
          var(--hype-link-current-font-size, var(--hype-link-font-size, var(--hype-font-size, 16px))) *
            var(--hype-font-size-scale, 1)
        );
        text-transform: var(
          --hype-link-current-text-transform,
          var(--hype-link-text-transform, var(--hype-text-transform, none))
        );
        background-color: var(
          --hype-link-current-text-background-color,
          var(--hype-link-text-background-color, initial)
        );
        border-radius: var(
          --hype-link-current-text-background-radius,
          var(--hype-link-text-background-radius, initial)
        );
        padding: var(
          --hype-link-current-text-background-padding,
          var(--hype-link-text-background-padding, initial)
        );
      }
a.hype-text[data-hype-page-link-current], span.hype-text[data-hype-page-link-current] {
        text-decoration-line: var(
          --hype-link-current-text-decoration,
          var(--hype-link-text-decoration, var(--hype-text-decoration, initial))
        );
        text-decoration-style: var(
          --hype-link-current-text-decoration-style,
          var(--hype-link-text-decoration-style, var(--hype-text-decoration-style, initial))
        );
        text-decoration-color: var(
          --hype-link-current-text-decoration-color,
          var(--hype-link-text-decoration-color, var(--hype-text-decoration-color, initial))
        );
        text-decoration-thickness: var(
          --hype-link-current-text-decoration-thickness,
          var(--hype-link-text-decoration-thickness, var(--hype-text-decoration-thickness, initial))
        );
        text-decoration-skip-ink: var(
          --hype-link-current-text-decoration-skip-ink,
          var(--hype-link-text-decoration-skip-ink, var(--hype-text-decoration-skip-ink, initial))
        );
        text-underline-offset: var(
          --hype-link-current-text-decoration-offset,
          var(--hype-link-text-decoration-offset, var(--hype-text-decoration-offset, initial))
        );
      }
@supports not (color: color(display-p3 1 1 1)) {
a.hype-text[data-hype-page-link-current], a.hype-text[data-hype-page-link-current] span.hype-text:not([data-text-fill]), span.hype-text[data-hype-page-link-current], span.hype-text[data-hype-page-link-current] span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-link-current-text-color-rgb,
            var(
              --hype-link-current-text-color,
              var(
                --hype-link-text-color-rgb,
                var(--hype-link-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
              )
            )
          );
          background-color: var(
            --hype-link-current-text-background-color-rgb,
            var(
              --hype-link-current-text-background-color,
              var(
                --hype-link-text-background-color-rgb,
                var(
                  --hype-link-text-background-color,
                  var(--hype-text-background-color-rgb, var(--hype-text-background-color, initial))
                )
              )
            )
          );
        }
}
code.hype-text a.hype-text[data-hype-page-link-current], code.hype-text a.hype-text[data-hype-page-link-current] span.hype-text:not([data-text-fill]), code.hype-text span.hype-text[data-hype-page-link-current], code.hype-text span.hype-text[data-hype-page-link-current] span.hype-text:not([data-text-fill]) {
        font-family: var(--hype-code-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif));
        font-style: var(--hype-code-font-style, var(--hype-font-style, normal));
        font-weight: var(--hype-code-font-weight, var(--hype-font-weight, 400));
        color: var(
          --hype-link-current-text-color,
          var(--hype-link-text-color, var(--hype-code-text-color, var(--hype-text-color, #000)))
        );
        font-size: calc(
          var(--hype-link-current-font-size, var(--hype-link-font-size, var(--hype-font-size, 16px))) *
            var(--hype-font-size-scale, 1)
        );
      }
@supports not (color: color(display-p3 1 1 1)) {
code.hype-text a.hype-text[data-hype-page-link-current], code.hype-text a.hype-text[data-hype-page-link-current] span.hype-text:not([data-text-fill]), code.hype-text span.hype-text[data-hype-page-link-current], code.hype-text span.hype-text[data-hype-page-link-current] span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-link-current-text-color-rgb,
            var(
              --hype-link-current-text-color,
              var(
                --hype-link-text-color-rgb,
                var(
                  --hype-link-text-color,
                  var(
                    --hype-code-text-color-rgb,
                    var(--hype-code-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
                  )
                )
              )
            )
          );
          background-color: var(
            --hype-link-current-text-background-color-rgb,
            var(
              --hype-link-current-text-background-color,
              var(
                --hype-link-text-background-color-rgb,
                var(
                  --hype-link-text-background-color,
                  var(--hype-text-background-color-rgb, var(--hype-text-background-color, initial))
                )
              )
            )
          );
        }
}
a.hype-text[data-hype-page-link-current]:hover, a.hype-text[data-hype-page-link-current]:hover span.hype-text:not([data-text-fill]), span.hype-text[data-hype-page-link-current]:hover, span.hype-text[data-hype-page-link-current]:hover span.hype-text:not([data-text-fill]) {
        font-family: var(
          --hype-link-hover-font-family,
          var(
            --hype-link-current-font-family,
            var(--hype-link-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif))
          )
        );
        font-style: var(
          --hype-link-hover-font-style,
          var(--hype-link-current-font-style, var(--hype-link-font-style, var(--hype-font-style, normal)))
        );
        font-weight: var(
          --hype-link-hover-font-weight,
          var(--hype-link-current-font-weight, var(--hype-link-font-weight, var(--hype-font-weight, 400)))
        );
        color: var(
          --hype-link-hover-text-color,
          var(--hype-link-current-text-color, var(--hype-link-text-color, var(--hype-text-color, #000)))
        );
        font-size: calc(
          var(
              --hype-link-hover-font-size,
              var(--hype-link-current-font-size, var(--hype-link-font-size, var(--hype-font-size, 16px)))
            ) *
            var(--hype-font-size-scale, 1)
        );
        text-transform: var(
          --hype-link-hover-text-transform,
          var(
            --hype-link-current-text-transform,
            var(--hype-link-text-transform, var(--hype-text-transform, none))
          )
        );
        background-color: var(
          --hype-link-hover-text-background-color,
          var(--hype-link-current-text-background-color, var(--hype-link-text-background-color, initial))
        );
        border-radius: var(
          --hype-link-hover-text-background-radius,
          var(--hype-link-current-text-background-radius, var(--hype-link-text-background-radius, initial))
        );
        padding: var(
          --hype-link-hover-text-background-padding,
          var(--hype-link-current-text-background-padding, var(--hype-link-text-background-padding, initial))
        );
      }
a.hype-text[data-hype-page-link-current]:hover, span.hype-text[data-hype-page-link-current]:hover {
        text-decoration-line: var(
          --hype-link-hover-text-decoration,
          var(
            --hype-link-current-text-decoration,
            var(--hype-link-text-decoration, var(--hype-text-decoration, initial))
          )
        );
        text-decoration-style: var(
          --hype-link-hover-text-decoration-style,
          var(
            --hype-link-current-text-decoration-style,
            var(--hype-link-text-decoration-style, var(--hype-text-decoration-style, initial))
          )
        );
        text-decoration-color: var(
          --hype-link-hover-text-decoration-color,
          var(
            --hype-link-current-text-decoration-color,
            var(--hype-link-text-decoration-color, var(--hype-text-decoration-color, initial))
          )
        );
        text-decoration-thickness: var(
          --hype-link-hover-text-decoration-thickness,
          var(
            --hype-link-current-text-decoration-thickness,
            var(--hype-link-text-decoration-thickness, var(--hype-text-decoration-thickness, initial))
          )
        );
        text-decoration-skip-ink: var(
          --hype-link-hover-text-decoration-skip-ink,
          var(
            --hype-link-current-text-decoration-skip-ink,
            var(--hype-link-text-decoration-skip-ink, var(--hype-text-decoration-skip-ink, initial))
          )
        );
        text-underline-offset: var(
          --hype-link-hover-text-decoration-offset,
          var(
            --hype-link-current-text-decoration-offset,
            var(--hype-link-text-decoration-offset, var(--hype-text-decoration-offset, initial))
          )
        );
      }
@supports not (color: color(display-p3 1 1 1)) {
a.hype-text[data-hype-page-link-current]:hover, a.hype-text[data-hype-page-link-current]:hover span.hype-text:not([data-text-fill]), span.hype-text[data-hype-page-link-current]:hover, span.hype-text[data-hype-page-link-current]:hover span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-link-hover-text-color-rgb,
            var(
              --hype-link-hover-text-color,
              var(
                --hype-link-current-text-color-rgb,
                var(
                  --hype-link-current-text-color,
                  var(
                    --hype-link-text-color-rgb,
                    var(
                      --hype-link-text-color,
                      var(
                        --hype-code-text-color-rgb,
                        var(--hype-code-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
                      )
                    )
                  )
                )
              )
            )
          );
          background-color: var(
            --hype-link-hover-text-background-color-rgb,
            var(
              --hype-link-hover-text-background-color,
              var(
                --hype-link-current-text-background-color-rgb,
                var(
                  --hype-link-current-text-background-color,
                  var(--hype-link-text-background-color-rgb, var(--hype-link-text-background-color, initial))
                )
              )
            )
          );
        }
}
code.hype-text a.hype-text[data-hype-page-link-current]:hover, code.hype-text a.hype-text[data-hype-page-link-current]:hover span.hype-text:not([data-text-fill]), code.hype-text span.hype-text[data-hype-page-link-current]:hover, code.hype-text span.hype-text[data-hype-page-link-current]:hover span.hype-text:not([data-text-fill]) {
        font-family: var(--hype-code-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif));
        font-style: var(--hype-code-font-style, var(--hype-font-style, normal));
        font-weight: var(--hype-code-font-weight, var(--hype-font-weight, 400));
        color: var(
          --hype-link-hover-text-color,
          var(
            --hype-link-current-text-color,
            var(--hype-link-text-color, var(--hype-code-text-color, var(--hype-text-color, #000)))
          )
        );
        font-size: calc(
          var(
              --hype-link-hover-font-size,
              var(--hype-link-current-font-size, var(--hype-link-font-size, var(--hype-font-size, 16px)))
            ) *
            var(--hype-font-size-scale, 1)
        );
        background-color: var(
          --hype-link-hover-text-background-color,
          var(
            --hype-link-current-text-background-color,
            var(--hype-link-text-background-color, var(--hype-text-background-color, initial))
          )
        );
        border-radius: var(
          --hype-link-hover-text-background-radius,
          var(
            --hype-link-current-text-background-radius,
            var(--hype-link-text-background-radius, var(--hype-text-background-radius, initial))
          )
        );
        padding: var(
          --hype-link-hover-text-background-padding,
          var(
            --hype-link-current-text-background-padding,
            var(--hype-link-text-background-padding, var(--hype-text-background-padding, initial))
          )
        );
      }
@supports not (color: color(display-p3 1 1 1)) {
code.hype-text a.hype-text[data-hype-page-link-current]:hover, code.hype-text a.hype-text[data-hype-page-link-current]:hover span.hype-text:not([data-text-fill]), code.hype-text span.hype-text[data-hype-page-link-current]:hover, code.hype-text span.hype-text[data-hype-page-link-current]:hover span.hype-text:not([data-text-fill]) {
          color: var(
            --hype-link-hover-text-color-rgb,
            var(
              --hype-link-hover-text-color,
              var(
                --hype-link-current-text-color-rgb,
                var(
                  --hype-link-current-text-color,
                  var(
                    --hype-link-text-color-rgb,
                    var(
                      --hype-link-text-color,
                      var(
                        --hype-code-text-color-rgb,
                        var(--hype-code-text-color, var(--hype-text-color-rgb, var(--hype-text-color, #000)))
                      )
                    )
                  )
                )
              )
            )
          );
          background-color: var(
            --hype-link-hover-text-background-color-rgb,
            var(
              --hype-link-hover-text-background-color,
              var(
                --hype-link-current-text-background-color-rgb,
                var(
                  --hype-link-current-text-background-color,
                  var(--hype-link-text-background-color-rgb, var(--hype-link-text-background-color, initial))
                )
              )
            )
          );
        }
}
.text-styles-preset-reset.hype-text {
        --hype-font-family: Inter, Inter Placeholder, sans-serif;
        --hype-font-style: normal;
        --hype-font-weight: 500;
        --hype-text-color: #000;
        --hype-font-size: 16px;
        --hype-letter-spacing: 0;
        --hype-text-transform: none;
        --hype-text-decoration: none;
        --hype-text-decoration-style: none;
        --hype-text-decoration-color: none;
        --hype-text-decoration-thickness: none;
        --hype-text-decoration-skip-ink: none;
        --hype-text-decoration-offset: none;
        --hype-line-height: 1.2em;
        --hype-text-alignment: start;
        --hype-font-open-type-features: normal;
        --hype-text-background-color: initial;
        --hype-text-background-radius: initial;
        --hype-text-background-padding: initial;
      }
ol.hype-text {
        --list-style-type: decimal;
      }
ul.hype-text, ol.hype-text {
        padding-inline-start: 3ch;
        position: relative;
      }
li.hype-text {
        counter-increment: list-item 1;
        list-style: none;
      }
ol.hype-text > li.hype-text::before {
        content: counter(list-item, var(--list-style-type)) ".";
        font-variant-numeric: tabular-nums;
        position: absolute;
        inset-inline-start: 0px;
      }
ol.hype-text > li.hype-text:nth-last-child(n + 100), ol.hype-text > li.hype-text:nth-last-child(n + 100) ~ li {
        padding-inline-start: 1ch;
      }
ol.hype-text > li.hype-text:nth-last-child(n + 1000), ol.hype-text > li.hype-text:nth-last-child(n + 1000) ~ li {
        padding-inline-start: 2ch;
      }
ol.hype-text > li.hype-text:nth-last-child(n + 10000), ol.hype-text > li.hype-text:nth-last-child(n + 10000) ~ li {
        padding-inline-start: 3ch;
      }
ol.hype-text > li.hype-text:nth-last-child(n + 100000), ol.hype-text > li.hype-text:nth-last-child(n + 100000) ~ li {
        padding-inline-start: 4ch;
      }
ol.hype-text > li.hype-text:nth-last-child(n + 1000000), ol.hype-text > li.hype-text:nth-last-child(n + 1000000) ~ li {
        padding-inline-start: 5ch;
      }
ul.hype-text > li.hype-text::before {
        content: "•";
        position: absolute;
        inset-inline-start: 0px;
      }
table.hype-text {
        border-collapse: separate;
        border-spacing: 0px;
        table-layout: auto;
        word-break: normal;
        width: 100%;
      }
td.hype-text, th.hype-text {
        vertical-align: top;
        min-width: 16ch;
      }
[data-hype-component-type="DeprecatedRichText"] {
        cursor: inherit;
      }
[data-hype-component-type="DeprecatedRichText"] .text-styles-preset-reset {
        --hype-font-family: Inter, Inter Placeholder, sans-serif;
        --hype-font-style: normal;
        --hype-font-weight: 500;
        --hype-text-color: #000;
        --hype-font-size: 16px;
        --hype-letter-spacing: 0;
        --hype-text-transform: none;
        --hype-text-decoration: none;
        --hype-line-height: 1.2em;
        --hype-text-alignment: start;
        --hype-font-open-type-features: normal;
        --font-variation-settings: normal;
      }
[data-hype-component-type="DeprecatedRichText"] p, [data-hype-component-type="DeprecatedRichText"] div, [data-hype-component-type="DeprecatedRichText"] h1, [data-hype-component-type="DeprecatedRichText"] h2, [data-hype-component-type="DeprecatedRichText"] h3, [data-hype-component-type="DeprecatedRichText"] h4, [data-hype-component-type="DeprecatedRichText"] h5, [data-hype-component-type="DeprecatedRichText"] h6 {
        margin: 0px;
        padding: 0px;
      }
[data-hype-component-type="DeprecatedRichText"] p, [data-hype-component-type="DeprecatedRichText"] div, [data-hype-component-type="DeprecatedRichText"] h1, [data-hype-component-type="DeprecatedRichText"] h2, [data-hype-component-type="DeprecatedRichText"] h3, [data-hype-component-type="DeprecatedRichText"] h4, [data-hype-component-type="DeprecatedRichText"] h5, [data-hype-component-type="DeprecatedRichText"] h6, [data-hype-component-type="DeprecatedRichText"] li, [data-hype-component-type="DeprecatedRichText"] ol, [data-hype-component-type="DeprecatedRichText"] ul, [data-hype-component-type="DeprecatedRichText"] span:not([data-text-fill]) {
        font-family: var(--hype-font-family, Inter, Inter Placeholder, sans-serif);
        font-style: var(--hype-font-style, normal);
        font-weight: var(--hype-font-weight, 400);
        color: var(--hype-text-color, #000);
        font-size: var(--hype-font-size, 16px);
        letter-spacing: var(--hype-letter-spacing, 0);
        text-transform: var(--hype-text-transform, none);
        text-decoration: var(--hype-text-decoration, none);
        line-height: var(--hype-line-height, 1.2em);
        text-align: var(--hype-text-alignment, start);
      }
[data-hype-component-type="DeprecatedRichText"] p:not(:first-child), [data-hype-component-type="DeprecatedRichText"] div:not(:first-child), [data-hype-component-type="DeprecatedRichText"] h1:not(:first-child), [data-hype-component-type="DeprecatedRichText"] h2:not(:first-child), [data-hype-component-type="DeprecatedRichText"] h3:not(:first-child), [data-hype-component-type="DeprecatedRichText"] h4:not(:first-child), [data-hype-component-type="DeprecatedRichText"] h5:not(:first-child), [data-hype-component-type="DeprecatedRichText"] h6:not(:first-child), [data-hype-component-type="DeprecatedRichText"] ol:not(:first-child), [data-hype-component-type="DeprecatedRichText"] ul:not(:first-child) {
        margin-top: var(--hype-paragraph-spacing, 0);
      }
[data-hype-component-type="DeprecatedRichText"] span[data-text-fill] {
        -webkit-text-fill-color: transparent;
        background-clip: text;
        display: inline-block;
      }
[data-hype-component-type="DeprecatedRichText"] a, [data-hype-component-type="DeprecatedRichText"] a span:not([data-text-fill]) {
        font-family: var(--hype-link-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif));
        font-style: var(--hype-link-font-style, var(--hype-font-style, normal));
        font-weight: var(--hype-link-font-weight, var(--hype-font-weight, 400));
        color: var(--hype-link-text-color, var(--hype-text-color, #000));
        font-size: var(--hype-link-font-size, var(--hype-font-size, 16px));
        text-transform: var(--hype-link-text-transform, var(--hype-text-transform, none));
        text-decoration: var(--hype-link-text-decoration, var(--hype-text-decoration, none));
      }
[data-hype-component-type="DeprecatedRichText"] a:hover, [data-hype-component-type="DeprecatedRichText"] a:hover span:not([data-text-fill]) {
        font-family: var(
          --hype-link-hover-font-family,
          var(--hype-link-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif))
        );
        font-style: var(
          --hype-link-hover-font-style,
          var(--hype-link-font-style, var(--hype-font-style, normal))
        );
        font-weight: var(
          --hype-link-hover-font-weight,
          var(--hype-link-font-weight, var(--hype-font-weight, 400))
        );
        color: var(--hype-link-hover-text-color, var(--hype-link-text-color, var(--hype-text-color, #000)));
        font-size: var(--hype-link-hover-font-size, var(--hype-link-font-size, var(--hype-font-size, 16px)));
        text-transform: var(
          --hype-link-hover-text-transform,
          var(--hype-link-text-transform, var(--hype-text-transform, none))
        );
        text-decoration: var(
          --hype-link-hover-text-decoration,
          var(--hype-link-text-decoration, var(--hype-text-decoration, none))
        );
      }
[data-hype-component-type="DeprecatedRichText"] a[data-hype-page-link-current], [data-hype-component-type="DeprecatedRichText"]
        a[data-hype-page-link-current]
        span:not([data-text-fill]):not([data-nested-link]) {
        font-family: var(
          --hype-link-current-font-family,
          var(--hype-link-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif))
        );
        font-style: var(
          --hype-link-current-font-style,
          var(--hype-link-font-style, var(--hype-font-style, normal))
        );
        font-weight: var(
          --hype-link-current-font-weight,
          var(--hype-link-font-weight, var(--hype-font-weight, 400))
        );
        color: var(--hype-link-current-text-color, var(--hype-link-text-color, var(--hype-text-color, #000)));
        font-size: var(--hype-link-current-font-size, var(--hype-link-font-size, var(--hype-font-size, 16px)));
        text-transform: var(
          --hype-link-current-text-transform,
          var(--hype-link-text-transform, var(--hype-text-transform, none))
        );
        text-decoration: var(
          --hype-link-current-text-decoration,
          var(--hype-link-text-decoration, var(--hype-text-decoration, none))
        );
      }
[data-hype-component-type="DeprecatedRichText"] a[data-hype-page-link-current]:hover, [data-hype-component-type="DeprecatedRichText"]
        a[data-hype-page-link-current]:hover
        span:not([data-text-fill]):not([data-nested-link]) {
        font-family: var(
          --hype-link-hover-font-family,
          var(
            --hype-link-current-font-family,
            var(--hype-link-font-family, var(--hype-font-family, Inter, Inter Placeholder, sans-serif))
          )
        );
        font-style: var(
          --hype-link-hover-font-style,
          var(--hype-link-current-font-style, var(--hype-link-font-style, var(--hype-font-style, normal)))
        );
        font-weight: var(
          --hype-link-hover-font-weight,
          var(--hype-link-current-font-weight, var(--hype-link-font-weight, var(--hype-font-weight, 400)))
        );
        color: var(
          --hype-link-hover-text-color,
          var(--hype-link-current-text-color, var(--hype-link-text-color, var(--hype-text-color, #000)))
        );
        font-size: var(
          --hype-link-hover-font-size,
          var(--hype-link-current-font-size, var(--hype-link-font-size, var(--hype-font-size, 16px)))
        );
        text-transform: var(
          --hype-link-hover-text-transform,
          var(
            --hype-link-current-text-transform,
            var(--hype-link-text-transform, var(--hype-text-transform, none))
          )
        );
        text-decoration: var(
          --hype-link-hover-text-decoration,
          var(
            --hype-link-current-text-decoration,
            var(--hype-link-text-decoration, var(--hype-text-decoration, none))
          )
        );
      }
[data-hype-component-type="DeprecatedRichText"] strong {
        font-weight: bolder;
      }
[data-hype-component-type="DeprecatedRichText"] em {
        font-style: italic;
      }
[data-hype-component-type="DeprecatedRichText"] ul, [data-hype-component-type="DeprecatedRichText"] ol {
        width: 100%;
        margin: 0px;
        padding-left: 0px;
        display: table;
      }
[data-hype-component-type="DeprecatedRichText"] li {
        counter-increment: list-item 1;
        list-style: none;
        display: table-row;
      }
[data-hype-component-type="DeprecatedRichText"] ol > li::before {
        box-sizing: border-box;
        content: counter(list-item) ".";
        white-space: nowrap;
        width: 2.25ch;
        padding-right: 0.75ch;
        display: table-cell;
      }
[data-hype-component-type="DeprecatedRichText"] ul > li::before {
        box-sizing: border-box;
        content: "•";
        width: 2.25ch;
        padding-right: 0.75ch;
        display: table-cell;
      }
:not([data-hype-generated]) > [data-hype-stack-content-wrapper] > *, :not([data-hype-generated]) > [data-hype-stack-content-wrapper] > [data-hype-component-type], :not([data-hype-generated]) > [data-hype-stack-content-wrapper] > [data-hype-legacy-stack-gap-enabled] > *, :not([data-hype-generated])
        > [data-hype-stack-content-wrapper]
        > [data-hype-legacy-stack-gap-enabled]
        > [data-hype-component-type] {
        position: relative;
      }
.flexbox-gap-not-supported [data-hype-legacy-stack-gap-enabled="true"] > *, [data-hype-legacy-stack-gap-enabled="true"][data-hype-stack-flexbox-gap="false"] {
        margin-top: calc(var(--stack-gap-y) / 2);
        margin-bottom: calc(var(--stack-gap-y) / 2);
        margin-right: calc(var(--stack-gap-x) / 2);
        margin-left: calc(var(--stack-gap-x) / 2);
      }
[data-hype-stack-content-wrapper][data-hype-stack-gap-enabled="true"] {
        row-gap: var(--stack-native-row-gap);
        column-gap: var(--stack-native-column-gap);
      }
.flexbox-gap-not-supported [data-hype-stack-content-wrapper][data-hype-stack-gap-enabled="true"] {
        gap: unset;
      }
.flexbox-gap-not-supported
        [data-hype-stack-direction-reverse="false"]
        [data-hype-legacy-stack-gap-enabled="true"]
        > :first-child, [data-hype-stack-direction-reverse="false"]
        [data-hype-legacy-stack-gap-enabled="true"][data-hype-stack-flexbox-gap="false"]
        > :first-child, .flexbox-gap-not-supported
        [data-hype-stack-direction-reverse="true"]
        [data-hype-legacy-stack-gap-enabled="true"]
        > :last-child, [data-hype-stack-direction-reverse="true"]
        [data-hype-legacy-stack-gap-enabled="true"][data-hype-stack-flexbox-gap="false"]
        > :last-child {
        margin-top: 0px;
        margin-left: 0px;
      }
.flexbox-gap-not-supported
        [data-hype-stack-direction-reverse="false"]
        [data-hype-legacy-stack-gap-enabled="true"]
        > :last-child, [data-hype-stack-direction-reverse="false"]
        [data-hype-legacy-stack-gap-enabled="true"][data-hype-stack-flexbox-gap="false"]
        > :last-child, .flexbox-gap-not-supported
        [data-hype-stack-direction-reverse="true"]
        [data-hype-legacy-stack-gap-enabled="true"]
        > :first-child, [data-hype-stack-direction-reverse="true"]
        [data-hype-legacy-stack-gap-enabled="true"][data-hype-stack-flexbox-gap="false"]
        > :first-child {
        margin-bottom: 0px;
        margin-right: 0px;
      }
navigationcontainer [data-hype-component-type="NavigationContainer"] > *, [data-hype-component-type="NavigationContainer"] > [data-hype-component-type] {
        position: relative;
      }
[data-hype-component-type="Scroll"]::-webkit-scrollbar {
        display: none;
      }
[data-hype-component-type="ScrollContentWrapper"] > * {
        position: relative;
      }
[data-hype-component-type="NativeScroll"] {
      }
[data-hype-component-type="NativeScroll"] > * {
        position: relative;
      }
[data-hype-component-type="NativeScroll"].direction-both {
        overflow: auto;
      }
[data-hype-component-type="NativeScroll"].direction-vertical {
        overflow: hidden auto;
      }
[data-hype-component-type="NativeScroll"].direction-horizontal {
        overflow: auto hidden;
      }
[data-hype-component-type="NativeScroll"].direction-vertical > * {
        width: 100% !important;
      }
[data-hype-component-type="NativeScroll"].direction-horizontal > * {
        height: 100% !important;
      }
[data-hype-component-type="NativeScroll"].scrollbar-hidden::-webkit-scrollbar {
        display: none;
      }
[data-hype-component-type="PageContentWrapper"] > *, [data-hype-component-type="PageContentWrapper"] > [data-hype-component-type] {
        position: relative;
      }
[data-hype-component-type="DeviceComponent"].no-device > * {
        width: 100% !important;
        height: 100% !important;
      }
[data-is-present="false"], [data-is-present="false"] * {
        pointer-events: none !important;
      }
[data-hype-cursor="pointer"] {
        cursor: pointer;
      }
[data-hype-cursor="grab"] {
        cursor: grab;
      }
[data-hype-cursor="grab"]:active {
        cursor: grabbing;
      }
[data-hype-component-type="Frame"] *, [data-hype-component-type="Stack"] * {
        pointer-events: auto;
      }
[data-hype-generated] * {
        pointer-events: unset;
      }
.svgContainer svg {
        display: block;
      }
[data-reset="button"] {
        background: 0px 0px;
        border-width: 0px;
        padding: 0px;
      }
[data-hide-scrollbars="true"]::-webkit-scrollbar {
        width: 0px;
        height: 0px;
      }
[data-hide-scrollbars="true"]::-webkit-scrollbar-thumb {
        background: 0px 0px;
      }
[data-hide-scrollbars="true"] {
        scrollbar-width: none;
      }
@supports not (overflow: clip) {
:root {
          --overflow-clip-fallback: hidden;
        }
}
@supports (background: -webkit-named-image(i)) and (not (contain-intrinsic-size: inherit)) {
div.hype-text, p.hype-text, h1.hype-text, h2.hype-text, h3.hype-text, h4.hype-text, h5.hype-text, h6.hype-text, ol.hype-text, ul.hype-text, li.hype-text, blockquote.hype-text {
          display: var(--text-truncation-display-inline-for-safari-16, revert);
        }
div.hype-text::after, p.hype-text::after, h1.hype-text::after, h2.hype-text::after, h3.hype-text::after, h4.hype-text::after, h5.hype-text::after, h6.hype-text::after, ol.hype-text::after, ul.hype-text::after, li.hype-text::after, blockquote.hype-text::after {
          content: var(--text-truncation-line-break-for-safari-16);
          white-space: pre;
        }
p.hype-text[data-text-fill] {
          display: var(--text-truncation-display-inline-for-safari-16, inline-block);
        }
}
@supports (aspect-ratio: 1) {
body {
          --hype-aspect-ratio-supported: auto;
        }
}
.hype-77Jen.hype-thxjs1 {
        background-color: var(--token-1f172f21-c328-4fba-b6c2-53f8778bbbc9, #f4f4f4);
        height: min-content;
        overflow: var(--overflow-clip-fallback, clip);
        flex-flow: column;
        place-content: center flex-start;
        align-items: center;
        gap: 0px;
        width: 100%;
        padding: 0px;
        display: flex;
        position: relative;
      }
.hype-77Jen .hype-jwjlsb {
        background: 0px 0px;
        flex-grow: 1;
        width: 0px;
        height: 0px;
        margin: 0px;
        position: relative;
      }
.hype-77Jen .hype-aeoyb4-container {
        flex: 0 0 auto;
        order: 1002;
        width: auto;
        height: auto;
        position: relative;
      }
[data-layout-template="true"] > #overlay {
        margin-bottom: 0px;
      }
@media (max-width: 1159px) and (min-width: 768px) {
.hype-0O0Dc .hype-styles-preset-1wi1urh:not(.rich-text-wrapper), .hype-0O0Dc .hype-styles-preset-1wi1urh.rich-text-wrapper h3 {
          --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-open-type-features: normal;
          --hype-font-size: 32px;
          --hype-font-style: normal;
          --hype-font-style-bold: normal;
          --hype-font-weight: 400;
          --hype-font-weight-bold: 700;
          --hype-letter-spacing: -1.6px;
          --hype-line-height: 104%;
          --hype-paragraph-spacing: 20px;
          --hype-text-alignment: left;
          --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
          --hype-text-decoration: none;
          --hype-text-stroke-color: initial;
          --hype-text-stroke-width: initial;
          --hype-text-transform: uppercase;
        }
}
@media (max-width: 767px) and (min-width: 0) {
.hype-0O0Dc .hype-styles-preset-1wi1urh:not(.rich-text-wrapper), .hype-0O0Dc .hype-styles-preset-1wi1urh.rich-text-wrapper h3 {
          --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-open-type-features: normal;
          --hype-font-size: 28px;
          --hype-font-style: normal;
          --hype-font-style-bold: normal;
          --hype-font-weight: 400;
          --hype-font-weight-bold: 700;
          --hype-letter-spacing: -1.4px;
          --hype-line-height: 104%;
          --hype-paragraph-spacing: 20px;
          --hype-text-alignment: left;
          --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
          --hype-text-decoration: none;
          --hype-text-stroke-color: initial;
          --hype-text-stroke-width: initial;
          --hype-text-transform: uppercase;
        }
}
@media (max-width: 1159px) and (min-width: 768px) {
.hype-9oQTG .hype-styles-preset-1tvpdge:not(.rich-text-wrapper), .hype-9oQTG .hype-styles-preset-1tvpdge.rich-text-wrapper h2 {
          --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-open-type-features: normal;
          --hype-font-size: 56px;
          --hype-font-style: normal;
          --hype-font-style-bold: normal;
          --hype-font-weight: 400;
          --hype-font-weight-bold: 700;
          --hype-letter-spacing: -2.8px;
          --hype-line-height: 88%;
          --hype-paragraph-spacing: 24px;
          --hype-text-alignment: left;
          --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
          --hype-text-decoration: none;
          --hype-text-stroke-color: initial;
          --hype-text-stroke-width: initial;
          --hype-text-transform: uppercase;
        }
}
@media (max-width: 767px) and (min-width: 0) {
.hype-9oQTG .hype-styles-preset-1tvpdge:not(.rich-text-wrapper), .hype-9oQTG .hype-styles-preset-1tvpdge.rich-text-wrapper h2 {
          --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-open-type-features: normal;
          --hype-font-size: 40px;
          --hype-font-style: normal;
          --hype-font-style-bold: normal;
          --hype-font-weight: 400;
          --hype-font-weight-bold: 700;
          --hype-letter-spacing: -2px;
          --hype-line-height: 88%;
          --hype-paragraph-spacing: 24px;
          --hype-text-alignment: left;
          --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
          --hype-text-decoration: none;
          --hype-text-stroke-color: initial;
          --hype-text-stroke-width: initial;
          --hype-text-transform: uppercase;
        }
}
.ssr-variant {
        display: contents;
      }
.hype-KQTqY.hype-1g73ev1 {
        flex-flow: row;
        place-content: center space-between;
        align-items: center;
        width: 1002px;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-KQTqY .hype-h0obcw {
        flex-flow: row;
        flex: 1 0 0px;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: 1px;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-KQTqY .hype-1cdrnzx {
        flex-flow: row;
        flex: 1 0 0px;
        place-content: center space-between;
        align-items: center;
        width: 1px;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-KQTqY .hype-118kh1e {
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 16px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-KQTqY .hype-1kgmp5x-container, .hype-KQTqY .hype-db3bdz-container, .hype-KQTqY .hype-gs9t8b-container, .hype-KQTqY .hype-1ag9c1r-container, .hype-KQTqY .hype-1ipn61d-container {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }
.hype-KQTqY .hype-1sjlzna {
        z-index: 1;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 10px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        overflow: visible;
      }
.hype-KQTqY .hype-cn6mo9 {
        z-index: 1;
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 16px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-KQTqY .hype-190ny7o {
        will-change: var(--hype-will-change-override, transform);
        z-index: 1;
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 8px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-KQTqY .hype-h0obcw, .hype-KQTqY .hype-118kh1e, .hype-KQTqY .hype-1sjlzna, .hype-KQTqY .hype-cn6mo9, .hype-KQTqY .hype-190ny7o {
          gap: 0px;
        }
.hype-KQTqY .hype-h0obcw > *, .hype-KQTqY .hype-190ny7o > * {
          margin: 0px;
        }
.hype-KQTqY .hype-h0obcw > :first-child, .hype-KQTqY .hype-118kh1e > :first-child, .hype-KQTqY .hype-cn6mo9 > :first-child, .hype-KQTqY .hype-190ny7o > :first-child {
          margin-left: 0px;
        }
.hype-KQTqY .hype-h0obcw > :last-child, .hype-KQTqY .hype-118kh1e > :last-child, .hype-KQTqY .hype-cn6mo9 > :last-child, .hype-KQTqY .hype-190ny7o > :last-child {
          margin-right: 0px;
        }
.hype-KQTqY .hype-118kh1e > *, .hype-KQTqY .hype-cn6mo9 > * {
          margin: 0px 8px;
        }
.hype-KQTqY .hype-1sjlzna > * {
          margin: 5px 0px;
        }
.hype-KQTqY .hype-1sjlzna > :first-child {
          margin-top: 0px;
        }
.hype-KQTqY .hype-1sjlzna > :last-child {
          margin-bottom: 0px;
        }
}
.hype-KQTqY[data-border="true"]::after, .hype-KQTqY [data-border="true"]::after {
        content: "";
        border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
          var(--border-left-width, 0);
        border-color: var(--border-color, none);
        border-style: var(--border-style, none);
        box-sizing: border-box;
        border-radius: inherit;
        pointer-events: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
      }
.hype-jztfi.hype-1jhqsc6, .hype-jztfi .hype-1jhqsc6 {
        display: block;
      }
.hype-jztfi.hype-1afn4lp {
        flex-flow: row;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px 2px;
        text-decoration: none;
        display: flex;
        position: relative;
        overflow: hidden;
      }
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-jztfi.hype-1afn4lp {
          gap: 0px;
        }
.hype-jztfi.hype-1afn4lp > * {
          margin: 0px;
        }
.hype-jztfi.hype-1afn4lp > :first-child {
          margin-left: 0px;
        }
.hype-jztfi.hype-1afn4lp > :last-child {
          margin-right: 0px;
        }
}
.hype-P6bJL.hype-t20z63, .hype-P6bJL .hype-t20z63 {
        display: block;
      }
.hype-P6bJL.hype-1b1oq82 {
        cursor: pointer;
        will-change: var(--hype-will-change-override, transform);
        flex-flow: column;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 8px 12px;
        text-decoration: none;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-P6bJL .hype-ub6xt8 {
        user-select: none;
        pointer-events: none;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: center;
        align-self: stretch;
        align-items: center;
        gap: 0px;
        width: auto;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-P6bJL .hype-15ma5ve {
        white-space: pre;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }
.hype-P6bJL .hype-wrqh04 {
        white-space: pre;
        z-index: 1;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: absolute;
        bottom: -15px;
        left: 49%;
      }
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-P6bJL.hype-1b1oq82, .hype-P6bJL .hype-ub6xt8 {
          gap: 0px;
        }
.hype-P6bJL.hype-1b1oq82 > *, .hype-P6bJL .hype-ub6xt8 > * {
          margin: 0px;
        }
.hype-P6bJL.hype-1b1oq82 > :first-child, .hype-P6bJL .hype-ub6xt8 > :first-child {
          margin-top: 0px;
        }
.hype-P6bJL.hype-1b1oq82 > :last-child, .hype-P6bJL .hype-ub6xt8 > :last-child {
          margin-bottom: 0px;
        }
}
.hype-P6bJL.hype-v-1eh8umj.hype-1b1oq82 {
        cursor: unset;
      }
.hype-P6bJL.hype-v-1eh8umj .hype-15ma5ve, .hype-P6bJL.hype-v-1b1oq82.hover .hype-15ma5ve {
        z-index: 1;
        position: absolute;
        top: -15px;
        left: 49%;
      }
.hype-P6bJL.hype-v-1eh8umj .hype-wrqh04, .hype-P6bJL.hype-v-1b1oq82.hover .hype-wrqh04, .hype-P6bJL.hype-v-1x2k2ff.hover .hype-wrqh04 {
        bottom: unset;
        left: unset;
        position: relative;
      }
.hype-P6bJL.hype-v-1x2k2ff.hype-1b1oq82 {
        padding: 20px 28px;
      }
.hype-P6bJL.hype-v-1x2k2ff .hype-wrqh04 {
        bottom: -22px;
        left: 50%;
      }
.hype-P6bJL.hype-v-1x2k2ff.hover .hype-15ma5ve {
        z-index: 1;
        position: absolute;
        top: -22px;
        left: 50%;
      }
.hype-P6bJL[data-border="true"]::after, .hype-P6bJL [data-border="true"]::after {
        content: "";
        border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
          var(--border-left-width, 0);
        border-color: var(--border-color, none);
        border-style: var(--border-style, none);
        box-sizing: border-box;
        border-radius: inherit;
        pointer-events: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
      }
.hype-dJnl5.hype-uopffm, .hype-dJnl5 .hype-uopffm {
        display: block;
      }
.hype-dJnl5.hype-acdels {
        cursor: pointer;
        will-change: var(--hype-will-change-override, transform);
        flex-flow: row;
        place-content: center;
        align-items: center;
        gap: 6px;
        width: min-content;
        height: min-content;
        padding: 16px 20px;
        text-decoration: none;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-dJnl5 .hype-1i6w7c6, .hype-dJnl5 .hype-1tud1iq, .hype-dJnl5 .hype-1i6lh3e, .hype-dJnl5 .hype-1ersoy5 {
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-dJnl5 .hype-xsc9fy, .hype-dJnl5 .hype-1dnjup5 {
        flex: 0 0 auto;
        width: 14px;
        height: 14px;
        position: relative;
      }
.hype-dJnl5 .hype-17nrzhe {
        z-index: 1;
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: absolute;
        top: 50%;
        right: -14px;
        overflow: hidden;
      }
.hype-dJnl5 .hype-1oc9nqb {
        user-select: none;
        pointer-events: none;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-dJnl5 .hype-6t2qi2 {
        white-space: pre;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }
.hype-dJnl5 .hype-1p91dwz {
        white-space: pre;
        z-index: 1;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: absolute;
        bottom: -15px;
        left: 50%;
      }
.hype-dJnl5 .hype-3ivqi4, .hype-dJnl5 .hype-1jfioqg {
        flex: 0 0 auto;
        width: 16px;
        height: 16px;
        position: relative;
      }
.hype-dJnl5 .hype-ldts8u {
        z-index: 1;
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: absolute;
        bottom: -16px;
        left: -16px;
        overflow: hidden;
      }
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-dJnl5.hype-acdels, .hype-dJnl5 .hype-1i6w7c6, .hype-dJnl5 .hype-1tud1iq, .hype-dJnl5 .hype-17nrzhe, .hype-dJnl5 .hype-1oc9nqb, .hype-dJnl5 .hype-1i6lh3e, .hype-dJnl5 .hype-1ersoy5, .hype-dJnl5 .hype-ldts8u {
          gap: 0px;
        }
.hype-dJnl5.hype-acdels > * {
          margin: 0px 3px;
        }
.hype-dJnl5.hype-acdels > :first-child, .hype-dJnl5 .hype-1i6w7c6 > :first-child, .hype-dJnl5 .hype-1tud1iq > :first-child, .hype-dJnl5 .hype-17nrzhe > :first-child, .hype-dJnl5 .hype-1i6lh3e > :first-child, .hype-dJnl5 .hype-1ersoy5 > :first-child, .hype-dJnl5 .hype-ldts8u > :first-child {
          margin-left: 0px;
        }
.hype-dJnl5.hype-acdels > :last-child, .hype-dJnl5 .hype-1i6w7c6 > :last-child, .hype-dJnl5 .hype-1tud1iq > :last-child, .hype-dJnl5 .hype-17nrzhe > :last-child, .hype-dJnl5 .hype-1i6lh3e > :last-child, .hype-dJnl5 .hype-1ersoy5 > :last-child, .hype-dJnl5 .hype-ldts8u > :last-child {
          margin-right: 0px;
        }
.hype-dJnl5 .hype-1i6w7c6 > *, .hype-dJnl5 .hype-1tud1iq > *, .hype-dJnl5 .hype-17nrzhe > *, .hype-dJnl5 .hype-1i6lh3e > *, .hype-dJnl5 .hype-1ersoy5 > *, .hype-dJnl5 .hype-ldts8u > *, .hype-dJnl5 .hype-1oc9nqb > * {
          margin: 0px;
        }
.hype-dJnl5 .hype-1oc9nqb > :first-child {
          margin-top: 0px;
        }
.hype-dJnl5 .hype-1oc9nqb > :last-child {
          margin-bottom: 0px;
        }
}
.hype-dJnl5.hype-v-61phbk.hype-acdels {
        padding: 2px 0px;
      }
.hype-dJnl5.hype-v-61phbk .hype-1i6w7c6 {
        order: 0;
      }
.hype-dJnl5.hype-v-61phbk .hype-1oc9nqb {
        order: 1;
      }
.hype-dJnl5.hype-v-acdels.hover .hype-6t2qi2, .hype-dJnl5.hype-v-1yxsssb.hover .hype-6t2qi2 {
        z-index: 1;
        position: absolute;
        top: -15px;
        left: 50%;
      }
.hype-dJnl5.hype-v-acdels.hover .hype-1p91dwz, .hype-dJnl5.hype-v-acdels.hover .hype-ldts8u, .hype-dJnl5.hype-v-1yxsssb.hover .hype-1p91dwz, .hype-dJnl5.hype-v-1yxsssb.hover .hype-ldts8u {
        bottom: unset;
        left: unset;
        position: relative;
      }
.hype-dJnl5.hype-v-acdels.hover .hype-1ersoy5, .hype-dJnl5.hype-v-1yxsssb.hover .hype-1ersoy5 {
        z-index: 1;
        position: absolute;
        top: -16px;
        right: -16px;
      }
.hype-dJnl5.hype-v-61phbk.hover .hype-1tud1iq {
        z-index: 1;
        position: absolute;
        top: 50%;
        left: -14px;
      }
.hype-dJnl5.hype-v-61phbk.hover .hype-17nrzhe {
        right: unset;
        top: unset;
        position: relative;
      }
.hype-dJnl5[data-border="true"]::after, .hype-dJnl5 [data-border="true"]::after {
        content: "";
        border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
          var(--border-left-width, 0);
        border-color: var(--border-color, none);
        border-style: var(--border-style, none);
        box-sizing: border-box;
        border-radius: inherit;
        pointer-events: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
      }
.hype-pkIfI.hype-1sdaoc {
        will-change: var(--hype-will-change-override, transform);
        flex-flow: column;
        place-content: flex-start;
        align-items: flex-start;
        gap: 0px;
        width: 350px;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-pkIfI .hype-quo1iz {
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 24px;
        width: 100%;
        height: min-content;
        padding: 16px 16px 48px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-pkIfI .hype-1s0hbo0 {
        user-select: none;
        pointer-events: none;
        will-change: var(--hype-will-change-override, transform);
        flex: 0 0 auto;
        width: 100%;
        height: 200px;
        position: relative;
        overflow: hidden;
      }
.hype-pkIfI .hype-y9ld2r {
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        max-width: 264px;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-pkIfI .hype-pn6z17, .hype-pkIfI .hype-1p2dsin {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }
.hype-pkIfI .hype-nohw0g-container {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-pkIfI.hype-1sdaoc, .hype-pkIfI .hype-quo1iz, .hype-pkIfI .hype-y9ld2r {
          gap: 0px;
        }
.hype-pkIfI.hype-1sdaoc > * {
          margin: 0px;
        }
.hype-pkIfI.hype-1sdaoc > :first-child, .hype-pkIfI .hype-quo1iz > :first-child, .hype-pkIfI .hype-y9ld2r > :first-child {
          margin-top: 0px;
        }
.hype-pkIfI.hype-1sdaoc > :last-child, .hype-pkIfI .hype-quo1iz > :last-child, .hype-pkIfI .hype-y9ld2r > :last-child {
          margin-bottom: 0px;
        }
.hype-pkIfI .hype-quo1iz > * {
          margin: 12px 0px;
        }
.hype-pkIfI .hype-y9ld2r > * {
          margin: 4px 0px;
        }
}
.hype-WggaU .hype-styles-preset-1qr8uq3:not(.rich-text-wrapper), .hype-WggaU .hype-styles-preset-1qr8uq3.rich-text-wrapper p {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 14px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-style-bold-italic: italic;
        --hype-font-style-italic: italic;
        --hype-font-weight: 400;
        --hype-font-weight-bold: 700;
        --hype-font-weight-bold-italic: 700;
        --hype-font-weight-italic: 400;
        --hype-letter-spacing: 0px;
        --hype-line-height: 120%;
        --hype-paragraph-spacing: 20px;
        --hype-text-alignment: left;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: none;
      }
.hype-auSfu.hype-p15e2h, .hype-auSfu .hype-p15e2h {
        display: block;
      }
.hype-auSfu.hype-1rtcllg {
        cursor: pointer;
        flex-flow: row;
        place-content: center;
        align-items: center;
        gap: 6px;
        width: 350px;
        height: 128px;
        padding: 24px 32px;
        text-decoration: none;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-auSfu .hype-hzh65w {
        user-select: none;
        pointer-events: none;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-auSfu .hype-wvhkrd {
        white-space: pre;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }
.hype-auSfu .hype-dxjxoe {
        white-space: pre;
        z-index: 1;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: absolute;
        bottom: -28px;
        left: 50%;
      }
.hype-auSfu .hype-15w64bm, .hype-auSfu .hype-u358vk {
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-auSfu .hype-ux95y5, .hype-auSfu .hype-17cey9a {
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        position: relative;
      }
.hype-auSfu .hype-1yxfuak {
        z-index: 1;
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: absolute;
        bottom: -32px;
        left: -32px;
        overflow: hidden;
      }
.hype-auSfu .hype-1drroj3 {
        will-change: var(--hype-will-change-override, transform);
        z-index: 1;
        flex: 0 0 auto;
        width: 12px;
        height: 16px;
        position: absolute;
        top: -8px;
        left: 0px;
        overflow: hidden;
      }
.hype-auSfu .hype-temmma {
        will-change: var(--hype-will-change-override, transform);
        z-index: 1;
        flex: 0 0 auto;
        width: 12px;
        height: 16px;
        position: absolute;
        top: -8px;
        right: 0px;
        overflow: hidden;
      }
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-auSfu.hype-1rtcllg, .hype-auSfu .hype-hzh65w, .hype-auSfu .hype-15w64bm, .hype-auSfu .hype-u358vk, .hype-auSfu .hype-1yxfuak {
          gap: 0px;
        }
.hype-auSfu.hype-1rtcllg > * {
          margin: 0px 3px;
        }
.hype-auSfu.hype-1rtcllg > :first-child, .hype-auSfu .hype-15w64bm > :first-child, .hype-auSfu .hype-u358vk > :first-child, .hype-auSfu .hype-1yxfuak > :first-child {
          margin-left: 0px;
        }
.hype-auSfu.hype-1rtcllg > :last-child, .hype-auSfu .hype-15w64bm > :last-child, .hype-auSfu .hype-u358vk > :last-child, .hype-auSfu .hype-1yxfuak > :last-child {
          margin-right: 0px;
        }
.hype-auSfu .hype-hzh65w > * {
          margin: 0px;
        }
.hype-auSfu .hype-hzh65w > :first-child {
          margin-top: 0px;
        }
.hype-auSfu .hype-hzh65w > :last-child {
          margin-bottom: 0px;
        }
.hype-auSfu .hype-15w64bm > *, .hype-auSfu .hype-u358vk > *, .hype-auSfu .hype-1yxfuak > * {
          margin: 0px;
        }
}
.hype-auSfu.hype-v-1rtcllg.hover .hype-wvhkrd {
        z-index: 1;
        position: absolute;
        top: -28px;
        left: 50%;
      }
.hype-auSfu.hype-v-1rtcllg.hover .hype-dxjxoe, .hype-auSfu.hype-v-1rtcllg.hover .hype-1yxfuak {
        bottom: unset;
        left: unset;
        position: relative;
      }
.hype-auSfu.hype-v-1rtcllg.hover .hype-u358vk {
        z-index: 1;
        position: absolute;
        top: -32px;
        right: -32px;
      }
.hype-nBnFU .hype-styles-preset-kcwhl8:not(.rich-text-wrapper), .hype-nBnFU .hype-styles-preset-kcwhl8.rich-text-wrapper p {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 28px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-style-bold-italic: italic;
        --hype-font-style-italic: italic;
        --hype-font-weight: 400;
        --hype-font-weight-bold: 700;
        --hype-font-weight-bold-italic: 700;
        --hype-font-weight-italic: 400;
        --hype-letter-spacing: -1.4px;
        --hype-line-height: 104%;
        --hype-paragraph-spacing: 20px;
        --hype-text-alignment: left;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: uppercase;
      }
@media (max-width: 767px) and (min-width: 0) {
.hype-nBnFU .hype-styles-preset-kcwhl8:not(.rich-text-wrapper), .hype-nBnFU .hype-styles-preset-kcwhl8.rich-text-wrapper p {
          --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
          --hype-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
          --hype-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
          --hype-font-open-type-features: normal;
          --hype-font-size: 24px;
          --hype-font-style: normal;
          --hype-font-style-bold: normal;
          --hype-font-style-bold-italic: italic;
          --hype-font-style-italic: italic;
          --hype-font-weight: 400;
          --hype-font-weight-bold: 700;
          --hype-font-weight-bold-italic: 700;
          --hype-font-weight-italic: 400;
          --hype-letter-spacing: -1.2px;
          --hype-line-height: 104%;
          --hype-paragraph-spacing: 20px;
          --hype-text-alignment: left;
          --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
          --hype-text-decoration: none;
          --hype-text-stroke-color: initial;
          --hype-text-stroke-width: initial;
          --hype-text-transform: uppercase;
        }
}
.hype-auSfu[data-border="true"]::after, .hype-auSfu [data-border="true"]::after {
        content: "";
        border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
          var(--border-left-width, 0);
        border-color: var(--border-color, none);
        border-style: var(--border-style, none);
        box-sizing: border-box;
        border-radius: inherit;
        pointer-events: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
      }
.hype-7khpm .hype-styles-preset-12jhtys:not(.rich-text-wrapper), .hype-7khpm .hype-styles-preset-12jhtys.rich-text-wrapper p {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 16px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-style-bold-italic: italic;
        --hype-font-style-italic: italic;
        --hype-font-weight: 400;
        --hype-font-weight-bold: 700;
        --hype-font-weight-bold-italic: 700;
        --hype-font-weight-italic: 400;
        --hype-letter-spacing: -0.16px;
        --hype-line-height: 120%;
        --hype-paragraph-spacing: 20px;
        --hype-text-alignment: left;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: none;
      }
.hype-vRT4u .hype-styles-preset-1ao2sqs:not(.rich-text-wrapper), .hype-vRT4u .hype-styles-preset-1ao2sqs.rich-text-wrapper p {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 20px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-style-bold-italic: italic;
        --hype-font-style-italic: italic;
        --hype-font-weight: 500;
        --hype-font-weight-bold: 700;
        --hype-font-weight-bold-italic: 700;
        --hype-font-weight-italic: 400;
        --hype-letter-spacing: -0.2px;
        --hype-line-height: 104%;
        --hype-paragraph-spacing: 20px;
        --hype-text-alignment: left;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: none;
      }
.hype-vrwHc.hype-1yxkwlv {
        flex-flow: column;
        place-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        width: 1144px;
        height: min-content;
        padding: 0px 0px 8px;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-vrwHc .hype-kca0sg {
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 200px;
        width: 100%;
        height: min-content;
        padding: 56px 32px 32px;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-vrwHc .hype-1u30ynj {
        flex: 0 0 auto;
        grid-template-rows: repeat(1, min-content);
        grid-template-columns: repeat(2, minmax(1px, 1fr));
        grid-auto-rows: min-content;
        justify-content: center;
        gap: 8px;
        width: 100%;
        height: min-content;
        padding: 0px;
        display: grid;
        position: relative;
        overflow: visible;
      }
.hype-vrwHc .hype-1yx7f5q {
        will-change: transform;
        z-index: 1;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start space-between;
        place-self: start;
        align-items: flex-start;
        width: 100%;
        height: 262px;
        padding: 0px;
        display: flex;
        position: sticky;
        top: 56px;
        overflow: visible;
      }
.hype-vrwHc .hype-ynfxy8 {
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        width: 100%;
        height: min-content;
        padding: 0px 0px 32px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-vrwHc .hype-mq733-container, .hype-vrwHc .hype-pb50lq-container, .hype-vrwHc .hype-coe56n-container, .hype-vrwHc .hype-la4ks0-container, .hype-vrwHc .hype-1ng4nnl-container {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }
.hype-vrwHc .hype-1ya1op8 {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        max-width: 320px;
        height: auto;
        position: relative;
      }
.hype-vrwHc .hype-172t6th {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }
.hype-vrwHc .hype-baclzq {
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        place-self: start;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
        height: auto;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-vrwHc .hype-7ie9ze {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        max-width: 560px;
        height: auto;
        position: relative;
      }
.hype-vrwHc .hype-40ig78 {
        flex-flow: wrap;
        flex: 0 0 auto;
        place-content: center flex-start;
        align-items: center;
        gap: 0px;
        width: 100%;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: visible;
      }
.hype-vrwHc .hype-1r754js-container {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-vrwHc.hype-1yxkwlv, .hype-vrwHc .hype-kca0sg, .hype-vrwHc .hype-ynfxy8, .hype-vrwHc .hype-baclzq, .hype-vrwHc .hype-40ig78 {
          gap: 0px;
        }
.hype-vrwHc.hype-1yxkwlv > * {
          margin: 4px 0px;
        }
.hype-vrwHc.hype-1yxkwlv > :first-child, .hype-vrwHc .hype-kca0sg > :first-child, .hype-vrwHc .hype-ynfxy8 > :first-child, .hype-vrwHc .hype-baclzq > :first-child {
          margin-top: 0px;
        }
.hype-vrwHc.hype-1yxkwlv > :last-child, .hype-vrwHc .hype-kca0sg > :last-child, .hype-vrwHc .hype-ynfxy8 > :last-child, .hype-vrwHc .hype-baclzq > :last-child {
          margin-bottom: 0px;
        }
.hype-vrwHc .hype-kca0sg > * {
          margin: 100px 0px;
        }
.hype-vrwHc .hype-ynfxy8 > * {
          margin: 10px 0px;
        }
.hype-vrwHc .hype-baclzq > * {
          margin: 16px 0px;
        }
.hype-vrwHc .hype-40ig78 > * {
          margin: 0px;
        }
.hype-vrwHc .hype-40ig78 > :first-child {
          margin-left: 0px;
        }
.hype-vrwHc .hype-40ig78 > :last-child {
          margin-right: 0px;
        }
}
.hype-9oQTG .hype-styles-preset-1tvpdge:not(.rich-text-wrapper), .hype-9oQTG .hype-styles-preset-1tvpdge.rich-text-wrapper h2 {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 64px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-weight: 400;
        --hype-font-weight-bold: 700;
        --hype-letter-spacing: -3.2px;
        --hype-line-height: 88%;
        --hype-paragraph-spacing: 24px;
        --hype-text-alignment: left;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: uppercase;
      }
.hype-mpjqW.hype-18z0d6q, .hype-mpjqW .hype-18z0d6q {
        display: block;
      }
.hype-mpjqW.hype-1vgd1s0 {
        cursor: pointer;
        will-change: var(--hype-will-change-override, transform);
        flex-flow: row;
        place-content: center;
        align-items: center;
        gap: 8px;
        width: 1360px;
        height: min-content;
        padding: 32px;
        text-decoration: none;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-mpjqW .hype-ltaqqs {
        user-select: none;
        pointer-events: none;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-mpjqW .hype-1xssink {
        white-space: pre;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }
.hype-mpjqW .hype-1gn9ffi {
        white-space: pre;
        z-index: 1;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: absolute;
        bottom: -38px;
        left: 50%;
      }
.hype-mpjqW .hype-1oibl5s, .hype-mpjqW .hype-1v4d96c {
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }
.hype-mpjqW .hype-17o2vm9, .hype-mpjqW .hype-ysjyo8 {
        flex: 0 0 auto;
        width: 40px;
        height: 40px;
        position: relative;
      }
.hype-mpjqW .hype-1u019sp {
        z-index: 1;
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: absolute;
        bottom: -40px;
        left: -40px;
        overflow: hidden;
      }
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-mpjqW.hype-1vgd1s0, .hype-mpjqW .hype-ltaqqs, .hype-mpjqW .hype-1oibl5s, .hype-mpjqW .hype-1v4d96c, .hype-mpjqW .hype-1u019sp {
          gap: 0px;
        }
.hype-mpjqW.hype-1vgd1s0 > * {
          margin: 0px 4px;
        }
.hype-mpjqW.hype-1vgd1s0 > :first-child, .hype-mpjqW .hype-1oibl5s > :first-child, .hype-mpjqW .hype-1v4d96c > :first-child, .hype-mpjqW .hype-1u019sp > :first-child {
          margin-left: 0px;
        }
.hype-mpjqW.hype-1vgd1s0 > :last-child, .hype-mpjqW .hype-1oibl5s > :last-child, .hype-mpjqW .hype-1v4d96c > :last-child, .hype-mpjqW .hype-1u019sp > :last-child {
          margin-right: 0px;
        }
.hype-mpjqW .hype-ltaqqs > * {
          margin: 0px;
        }
.hype-mpjqW .hype-ltaqqs > :first-child {
          margin-top: 0px;
        }
.hype-mpjqW .hype-ltaqqs > :last-child {
          margin-bottom: 0px;
        }
.hype-mpjqW .hype-1oibl5s > *, .hype-mpjqW .hype-1v4d96c > *, .hype-mpjqW .hype-1u019sp > * {
          margin: 0px;
        }
}
.hype-mpjqW.hype-v-1vgd1s0.hover .hype-1xssink, .hype-mpjqW.hype-v-hntrhg.hover .hype-1xssink {
        z-index: 1;
        position: absolute;
        top: -38px;
        left: 50%;
      }
.hype-mpjqW.hype-v-1vgd1s0.hover .hype-1gn9ffi, .hype-mpjqW.hype-v-1vgd1s0.hover .hype-1u019sp, .hype-mpjqW.hype-v-hntrhg.hover .hype-1gn9ffi, .hype-mpjqW.hype-v-hntrhg.hover .hype-1u019sp {
        bottom: unset;
        left: unset;
        position: relative;
      }
.hype-mpjqW.hype-v-1vgd1s0.hover .hype-1v4d96c, .hype-mpjqW.hype-v-hntrhg.hover .hype-1v4d96c {
        z-index: 1;
        position: absolute;
        top: -40px;
        right: -40px;
      }
.hype-0O0Dc .hype-styles-preset-1wi1urh:not(.rich-text-wrapper), .hype-0O0Dc .hype-styles-preset-1wi1urh.rich-text-wrapper h3 {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 36px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-weight: 400;
        --hype-font-weight-bold: 700;
        --hype-letter-spacing: -1.8px;
        --hype-line-height: 104%;
        --hype-paragraph-spacing: 20px;
        --hype-text-alignment: left;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: uppercase;
      }
.hype-mpjqW[data-border="true"]::after, .hype-mpjqW [data-border="true"]::after {
        content: "";
        border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
          var(--border-left-width, 0);
        border-color: var(--border-color, none);
        border-style: var(--border-style, none);
        box-sizing: border-box;
        border-radius: inherit;
        pointer-events: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
      }
html.lenis {
        height: auto;
      }
.lenis.lenis-smooth {
        scroll-behavior: auto !important;
      }
.lenis.lenis-smooth [data-lenis-prevent] {
        overscroll-behavior: contain;
      }
.lenis.lenis-stopped {
        overflow: hidden;
      }
.lenis.lenis-scrolling iframe {
        pointer-events: none;
      }
.hype-jfnQe .hype-styles-preset-rksdrf:not(.rich-text-wrapper), .hype-jfnQe .hype-styles-preset-rksdrf.rich-text-wrapper p {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 14px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-style-bold-italic: italic;
        --hype-font-style-italic: italic;
        --hype-font-weight: 500;
        --hype-font-weight-bold: 700;
        --hype-font-weight-bold-italic: 700;
        --hype-font-weight-italic: 400;
        --hype-letter-spacing: 0px;
        --hype-line-height: 104%;
        --hype-paragraph-spacing: 20px;
        --hype-text-alignment: left;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: uppercase;
      }
.hype-0Zesc .hype-styles-preset-1gggelo:not(.rich-text-wrapper), .hype-0Zesc .hype-styles-preset-1gggelo.rich-text-wrapper p {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 20px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-weight: 500;
        --hype-font-weight-bold: 700;
        --hype-letter-spacing: -0.2px;
        --hype-line-height: 104%;
        --hype-paragraph-spacing: 20px;
        --hype-text-alignment: left;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: uppercase;
      }

/* ============ Part 2: UI + shared components ============ */

/* ============================================================
   HYPE - shared UI stylesheet (SINGLE SOURCE OF TRUTH).
   Every page links ONLY this file for shared components + UI.
   Reused components (navbar, event essentials, contact, footer)
   are styled here so they are identical everywhere.
   ============================================================ */

/* ==================== navbar + brand tokens (was hype-universal) ==================== */
/* ── Brand tokens ── */
  body { background: #f4f4f4; --token-6212ea50-3a30-451c-b3f9-3d22f041bda8: #fff !important; }
#__hype-badge-container { display: none !important; }
/* ── Nav pill border → white glow ── */
  .hype-KQTqY .hype-190ny7o {
    --border-color: rgba(255,255,255,0.35) !important;
  }
/* Nav pill token override */
  .hype-KQTqY .hype-190ny7o {
    --token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96: #FEB501 !important;
  }
.hype-KQTqY .hype-190ny7o .hype-15ma5ve .hype-text, .hype-KQTqY .hype-190ny7o .hype-wrqh04 .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* ── Nav sliding indicator position ── */
  .hype-190ny7o {
    position: relative !important;
    overflow: visible !important;
  }
#hype-nav-indicator {
    position: absolute;
    top: 4px; bottom: 4px; left: 0;
    width: 70px;
    background: rgba(255,255,255,0.15);
    border-radius: 1000px;
    pointer-events: none;
    z-index: 0;
    transition: transform 0.32s cubic-bezier(0.34,1.56,0.64,1), width 0.32s cubic-bezier(0.34,1.56,0.64,1);
  }
/* ── Logo sizes ── */
  .hype-jztfi.hype-v-1afn4lp, .hype-jztfi.hype-v-1afn4lp img {
    width: 96px !important; height: 50px !important; object-fit: contain !important;
  }
.hype-jztfi.hype-v-k9iag1, .hype-jztfi.hype-v-k9iag1 img {
    width: 170px !important; height: 88px !important; object-fit: contain !important;
  }
/* ── Reserve Your Spot button hover — smooth text slide-up ── */
  .hype-dJnl5.hype-v-acdels .hype-6t2qi2, .hype-auSfu.hype-v-1rtcllg .hype-wvhkrd, .hype-mpjqW.hype-v-1vgd1s0 .hype-1xssink {
    transform: translateY(0%) !important;
    transition: transform 0.42s cubic-bezier(0.76,0,0.24,1) !important;
    will-change: transform !important;
  }
.hype-dJnl5.hype-v-acdels:hover .hype-6t2qi2, .hype-auSfu.hype-v-1rtcllg:hover .hype-wvhkrd, .hype-mpjqW.hype-v-1vgd1s0:hover .hype-1xssink {
    transform: translateY(-115%) !important;
  }
.hype-dJnl5.hype-v-acdels .hype-1p91dwz, .hype-auSfu.hype-v-1rtcllg .hype-dxjxoe, .hype-mpjqW.hype-v-1vgd1s0 .hype-1gn9ffi {
    position: absolute !important;
    top: 0 !important; bottom: auto !important; left: 50% !important;
    transform: translateX(-50%) translateY(115%) !important;
    transition: transform 0.42s cubic-bezier(0.76,0,0.24,1) !important;
    will-change: transform !important;
    white-space: nowrap !important;
  }
.hype-dJnl5.hype-v-acdels:hover .hype-1p91dwz, .hype-auSfu.hype-v-1rtcllg:hover .hype-dxjxoe, .hype-mpjqW.hype-v-1vgd1s0:hover .hype-1gn9ffi {
    transform: translateX(-50%) translateY(0%) !important;
  }
/* ── Send a Message button — no border ── */
  #contact-us .hype-rMB2l::after, #contact-us .hype-rMB2l::before { display: none !important; }
#contact-us .hype-rMB2l {
    border: none !important; outline: none !important; box-shadow: none !important;
    transition: filter 0.22s ease, transform 0.22s ease !important;
    cursor: pointer !important;
  }
#contact-us .hype-rMB2l:hover {
    filter: brightness(1.12) !important;
    transform: translateY(-2px) !important;
  }
/* ── Section headings → dark on light sections ── */
  h2.hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
#contact-us h2.hype-text, #contact-us h3.hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
/* ── Contact section text contrast ── */
  #contact-us .hype-text {
    color: #222 !important;
    --hype-text-color: #222 !important;
  }
#contact-us [data-hype-name="Primary"] .hype-text, #contact-us [data-hype-name="Secondary"] .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* ── Contact buttons (email/social) → outline black ── */
  #contact-us .hype-KmSQF {
    background: transparent !important;
    border: 2px solid #111 !important;
    box-shadow: none !important;
  }
#contact-us .hype-KmSQF .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
/* ── Contact form card → dark ── */
  .hype-qq9hzv {
    background: #0c0c0c !important;
    border-radius: 16px !important;
  }
.hype-qq9hzv .hype-text {
    color: rgba(255,255,255,0.85) !important;
    --hype-text-color: rgba(255,255,255,0.85) !important;
  }
#contact-us .hype-qq9hzv h2.hype-text, #contact-us .hype-qq9hzv h3.hype-text, #contact-us .hype-qq9hzv .hype-styles-preset-1wi1urh {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
.hype-form-text-input, .hype-form-input-wrapper {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.15) !important;
    color: #fff !important;
  }
#contact-us .hype-qq9hzv .hype-KmSQF {
    background: #FF8000 !important;
    border: none !important;
  }
#contact-us .hype-qq9hzv .hype-KmSQF .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* ── Body/card text → dark on light backgrounds ── */
  .hype-rlpsi0 .hype-text, .hype-1p0zcln .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
/* ── Making of Our Event cards ── */
  .hype-1mjTV.hype-l4fi0e {
    background: #f2f2f2 !important;
    border-radius: 12px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
.hype-1mjTV.hype-l4fi0e:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
  }
.hype-1mjTV .hype-10t7wd6 .hype-text, .hype-1mjTV .hype-jsxw1a .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
.hype-1mjTV .hype-rlpsi0 .hype-text {
    color: #555 !important;
    --hype-text-color: #555 !important;
  }
.hype-1mjTV .hype-1rjwm8l .hype-text {
    color: #FF8000 !important;
    --hype-text-color: #FF8000 !important;
  }
.hype-1mjTV .hype-1kjjbs1 { overflow: hidden !important; }
.hype-1mjTV .hype-1kjjbs1 [data-hype-background-image-wrapper="true"] img {
    transition: transform 0.5s ease !important;
  }
.hype-1mjTV.hype-l4fi0e:hover .hype-1kjjbs1 [data-hype-background-image-wrapper="true"] img {
    transform: scale(1.08) !important;
  }
/* ── Key features panel ── */
  .hype-w9q4T {
    background: transparent !important; border: none !important;
    box-shadow: none !important; border-radius: 0 !important;
  }
.hype-nf3pjj {
    background: rgba(255,250,220,0.5) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(210,160,10,0.18) !important;
  }
.hype-nf3pjj h3.hype-text, .hype-nf3pjj .hype-165w3l3 .hype-text, .hype-nf3pjj .hype-16lfebz .hype-text, .hype-nf3pjj .hype-9zub39 .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
/* ── Wide images → grayscale ── */
  .hype-wOEoQ [data-hype-background-image-wrapper="true"] img {
    filter: grayscale(100%) !important;
  }
/* ── FAQ accordion ── */
  .hype-faq-answer {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 15px; line-height: 1.65; color: #555;
    display: block; max-height: 0; overflow: hidden; opacity: 0;
    padding: 0 32px; margin-top: 0; border-top: 0px solid #f0f0f0;
    transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1),
                opacity 0.35s ease, padding 0.4s ease, margin 0.4s ease;
  }
.hype-4qRSl.hype-open .hype-faq-answer {
    max-height: 400px; opacity: 1;
    padding: 16px 32px 24px; margin-top: 12px; border-top: 1px solid #f0f0f0;
  }
.hype-4qRSl { background-color: #fff !important; border: 1px solid #e8e8e8 !important; }
.hype-4qRSl.hype-open .hype-11z9b89 {
    transform: rotate(45deg) !important;
    transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
  }
.hype-11z9b89 { transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1); cursor: pointer; }
#faq { background: #f2f2f2 !important; border-radius: 20px; padding: 12px; box-sizing: border-box; }
#faq .hype-text { color: #222 !important; --hype-text-color: #222 !important; }
/* ── Blog cards ── */
  #blog .hype-hj014j { background: #f0f0f0 !important; border-radius: 16px !important; }
#blog .hype-hj014j .hype-text { color: #111 !important; --hype-text-color: #111 !important; }
#blog .hype-7hn9x3 {
    background: #fff !important; border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important; transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
#blog .hype-7hn9x3:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.1) !important; }
#blog .hype-7hn9x3 .hype-text { color: #222 !important; --hype-text-color: #222 !important; }
#blog [data-hype-name="Primary"] .hype-text { color: #fff !important; --hype-text-color: #fff !important; }
/* ── Agenda past highlights ── */
  #resources .hype-IbXOz[data-hype-name="Default"] {
    background: #f2f2f2 !important; border-radius: 12px !important; border: 1px solid #e4e4e4 !important;
  }
/* ── Stat/feature cards in moments ── */
  #moments .hype-Azxqp {
    background: rgba(255,250,220,0.5) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(210,160,10,0.18) !important;
  }
/* ============================================================
   HYPE - shared UI stylesheet (single source of truth).
   Loaded LAST by every page (after Hype CSS). Edit here only;
   changes apply to the homepage and every subpage.
   ============================================================ */

/* ---- responsive fixes / grids / nav bar / section stacking ---- */
/* Remove Key Features block everywhere */
      .hype-nf3pjj, .hype-nf3pjj {
        display: none !important;
      }
/* Fix stats grid to 3 equal columns */
      .hype-vi6xcf {
        grid-template-columns: repeat(3, minmax(1px, 1fr)) !important;
        grid-template-rows: min-content !important;
      }
/* Fix blog grid to 3 equal columns */
      .hype-1yawllm {
        grid-template-columns: repeat(3, minmax(1px, 1fr)) !important;
      }
/* Center text in past highlights cards */
      .hype-njnjga .hype-1q3ul6m h4.hype-text {
        text-align: center !important;
        --hype-text-alignment: center !important;
      }
/* ═══════════════════════════════════════════════
         HYPE RESPONSIVE OVERRIDES
         Desktop ≥1160 | Tablet 768-1159 | Mobile ≤767
         ═══════════════════════════════════════════════ */

      /* --- TABLET (768–1159px) --- */
      @media (min-width: 768px) and (max-width: 1159.98px) {
        /* Hero info blocks: 2×2 grid */
        .hype-hiwf6v {
          grid-template-columns: repeat(2, minmax(1px, 1fr)) !important;
        }
        /* Event essentials stats: 3 cols stays fine */
        /* Blog: 3 cols stays fine */
        /* FAQ: collapse to 1 col */
        .hype-0CwOz.hype-5ucs3v {
          grid-template-columns: 1fr !important;
        }
        /* Footer: 1 col */
        .hype-vrwHc .hype-1u30ynj {
          grid-template-columns: 1fr !important;
        }
        .hype-vrwHc .hype-kca0sg {
          gap: 60px !important;
        }
        /* Navbar: hide menu text links, show just logo+CTA */
        .hype-KQTqY .hype-118kh1e,
        .hype-KQTqY .hype-1sjlzna,
        .hype-KQTqY .hype-1ipn61d-container {
          display: none !important;
        }
      }
/* --- MOBILE (≤767px) --- */
      @media (max-width: 767.98px) {
        /* Hero info blocks: stack 1 col */
        .hype-hiwf6v {
          grid-template-columns: 1fr !important;
        }
        /* Event essentials stats: 1 col */
        .hype-vi6xcf {
          grid-template-columns: 1fr !important;
          grid-template-rows: auto !important;
        }
        /* Blog cards: 1 col */
        .hype-1yawllm {
          grid-template-columns: 1fr !important;
        }
        /* Past highlights: 1 col */
        .hype-njnjga {
          grid-template-columns: 1fr !important;
        }
        /* FAQ: 1 col */
        .hype-0CwOz.hype-5ucs3v {
          grid-template-columns: 1fr !important;
        }
        /* Footer: 1 col, tighter gap */
        .hype-vrwHc .hype-1u30ynj {
          grid-template-columns: 1fr !important;
          row-gap: 48px !important;
        }
        /* Disable sticky so Logo/Legal doesn't overlap the heading below */
        .hype-vrwHc .hype-1yx7f5q {
          position: static !important;
          top: auto !important;
        }
        .hype-vrwHc .hype-kca0sg {
          gap: 40px !important;
          padding: 40px 20px 40px !important;
        }
        /* Navbar: hide middle links on mobile */
        .hype-KQTqY .hype-118kh1e,
        .hype-KQTqY .hype-1sjlzna,
        .hype-KQTqY .hype-1ipn61d-container {
          display: none !important;
        }

      }
/* ── FIXED MOBILE NAV BAR (logo left + menu button right) ── */
      #hype-mobile-navbar { display: none; }
@media (max-width: 1159.98px) {
#hype-mobile-navbar {
          display: flex;
          position: fixed;
          top: 8px; left: 8px; right: 8px;
          height: 64px;
          align-items: center;
          justify-content: space-between;
          padding: 0 20px;
          background: #050505;
          border-radius: 12px 12px 0 0;
          z-index: 100002;
          box-sizing: border-box;
        }
}
@media (min-width: 1160px) {
#hype-mobile-navbar { display: none !important; }
}
/* Opaque cover over the strip above/around the fixed bar so scrolling
         sections can't peek above it (sits above content, below the menu) */
      #hype-nav-frame { display: none; }
@media (max-width: 1159.98px) {
#hype-nav-frame {
          display: block;
          position: fixed;
          top: 0; left: 0; right: 0;
          height: 72px;
          background: #f4f4f4;
          z-index: 99990;
          pointer-events: none;
        }
}
@media (min-width: 1160px) {
#hype-nav-frame { display: none !important; }
}
#hype-mobile-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; }
#hype-mobile-logo img { height: 34px; width: auto; display: block; }
/* Hamburger button (child of the bar) */
      #hype-hamburger {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        flex-shrink: 0;
      }
#hype-hamburger span {
        display: block;
        width: 24px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        transition: transform 0.32s cubic-bezier(0.65,0,0.35,1), opacity 0.2s ease;
      }
#hype-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
#hype-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
#hype-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
/* ── FULL-SCREEN MOBILE MENU ── */
      #hype-mobile-menu {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        background: #050505;
        z-index: 100000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0 32px;
        gap: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        overflow: hidden;
      }
#hype-mobile-menu.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }
#hype-mobile-menu::before {
        content: '';
        position: absolute;
        top: -20%;
        right: -30%;
        width: 80vw;
        height: 80vw;
        background: radial-gradient(circle, rgba(254,0,0,0.22) 0%, rgba(254,181,1,0.08) 40%, transparent 70%);
        pointer-events: none;
      }
#hype-mobile-menu .hype-mm-label {
        position: relative;
        font-size: 12px;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        color: rgba(254,181,1,0.75);
        margin-bottom: 28px;
        font-weight: 600;
      }
#hype-mobile-menu a {
        position: relative;
        display: block;
        padding: 12px 0;
        font-size: clamp(38px, 11vw, 64px);
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: -0.01em;
        color: #f4f4f4;
        text-decoration: none;
        text-transform: uppercase;
        transition: color 0.25s ease, transform 0.25s ease;
        transform-origin: left center;
      }
#hype-mobile-menu a:active, #hype-mobile-menu a:hover { color: #FF8000; }
#hype-mobile-menu .hype-mm-footer {
        position: relative;
        margin-top: 44px;
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
#hype-mobile-menu .hype-mm-footer span {
        font-size: 13px;
        letter-spacing: 0.02em;
        color: rgba(244,244,244,0.5);
      }
#hype-mobile-menu .hype-mm-cta {
        position: relative;
        margin-top: 32px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        align-self: flex-start;
        padding: 16px 28px;
        background: #FEB501;
        color: #050505;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        border-radius: 100px;
        text-decoration: none;
      }
body.hype-menu-open { overflow: hidden; }
/* ---- hype-brand ---- */
/* Hero subtext chip - white on dark */
  .hype-1aqy0tu .hype-text {
    color: rgba(255,255,255,0.55) !important;
    --hype-text-color: rgba(255,255,255,0.55) !important;
  }
/* Ensure heading text is orange on dark hero */
  .hype-1l0ev41 .hype-text {
    color: #FF8000 !important;
    --hype-text-color: #FF8000 !important;
  }
/* Nav logo HYPE text on dark hero bg = orange */
  .hype-jztfi .hype-text {
    color: #FF8000 !important;
  }
/* Body background stays light */
  :root body { background: #f4f4f4; }
/* Remove badge just in case */
  #__hype-badge-container { display: none !important; }
/* ---- hype-brand-2 ---- */
/* Fix ticket CTA card text visibility on orange bg */
  .hype-193ewv5 .hype-text { color: #fff !important; }
.hype-193ewv5 [class*="hype-text"] { --hype-text-color: #fff !important; }
/* Info blocks bottom strip - text white */  
  .hype-O9UkP .hype-text { color: #fff !important; }
/* ---- hype-brand-3 ---- */
/* Right ticket/CTA card - make heading white on orange */
  .hype-dJnl5 .hype-text, .hype-dJnl5 h2, .hype-dJnl5 h3, .hype-dJnl5 p { color: #fff !important; }
/* Info strip card "When/Where/For Who" labels stay readable (gold label, white value) */
  .hype-O9UkP .hype-qi3htz .hype-text { color: rgba(255,255,255,0.6) !important; }
.hype-O9UkP .hype-18tcj1c .hype-text { color: #fff !important; }
/* ---- hype-contrast ---- */
/* ── SPEAKER CARDS ── orange strip bottom of each speaker photo card */
  /* Name: gold on orange → white */
  .hype-1sb7n31 .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* Role: semi-transparent pink on orange → white 65% */
  .hype-ky8l5l .hype-text {
    color: rgba(255,255,255,0.65) !important;
    --hype-text-color: rgba(255,255,255,0.65) !important;
  }
/* ── TESTIMONIALS ── quote + attribution on orange card bg */
  .hype-13zlzzb .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* Attribution name (Chidi Okonkwo, etc.) */
  .hype-mykmph .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* Attribution role (First-time Attendee, etc.) — semi-dim */
  .hype-1yaqdz .hype-text {
    color: rgba(255,255,255,0.65) !important;
    --hype-text-color: rgba(255,255,255,0.65) !important;
  }
/* ── ABOUT SECTION BODY TEXT ── orange body text on light gray bg → dark */
  /* hype-rlpsi0 = the body paragraph container in content sections */
  .hype-rlpsi0 .hype-text, .hype-1p0zcln .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
.hype-5KDmZ [data-hype-name="Partners"] .hype-styles-preset-1qr8uq3 .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* ── DISCOVERY / ABOUT CARDS body text on light bg → dark ── */
  .hype-1p0zcln p.hype-text {
    color: #222 !important;
    --hype-text-color: #222 !important;
  }
/* ---- hype-countdown-styles ---- */
.cd-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 78px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,128,0,0.25);
    border-radius: 10px;
    padding: 10px 16px 8px;
  }
.cd-num {
    font-family: 'Space Grotesk', 'Space Grotesk Placeholder', sans-serif;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -2px;
    color: #FEB501;
    line-height: 1;
    display: block;
  }
.cd-label {
    font-family: 'Space Grotesk', 'Space Grotesk Placeholder', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    margin-top: 5px;
    display: block;
  }
.cd-sep {
    font-family: 'Space Grotesk', 'Space Grotesk Placeholder', sans-serif;
    font-size: 34px;
    font-weight: 700;
    color: rgba(254,181,1,0.5);
    line-height: 1;
    padding-bottom: 18px;
    display: block;
    align-self: flex-end;
  }
/* ensure hero content stacks above video */
  .hype-1bqyzmt > *:not(#hype-hero-video):not(#hype-hero-overlay) {
    position: relative;
    z-index: 2;
  }
/* ---- hype-fixes ---- */
/* ============================================================
     HYPE FIXES - PART 2
     ============================================================ */

  /* ── 1. TOKEN OVERRIDE: replace blue-gray card bg with warm white ── */
  body { --token-6212ea50-3a30-451c-b3f9-3d22f041bda8: #fff !important; }
/* ── 2. H2/H3 SECTION HEADINGS → BLACK on light sections ── */
  /* All section headings except hero override */
  .hype-5KDmZ #speakers h2.hype-text, .hype-5KDmZ #about h2.hype-text, .hype-5KDmZ #moments h2.hype-text, .hype-5KDmZ #moments h3.hype-text, .hype-5KDmZ #testimonials h2.hype-text, .hype-5KDmZ #faq h2.hype-text, .hype-5KDmZ #blog h2.hype-text, .hype-5KDmZ #resources h2.hype-text, .hype-5KDmZ #contact-us h2.hype-text, .hype-5KDmZ #contact-us h3.hype-text, .hype-nf3pjj h3.hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
/* ── 3. PARTNERS SECTION → DARK BACKGROUND ── */
  .hype-5KDmZ #partners {
    background: #0c0c0c !important;
    border-radius: 20px;
    padding: 12px;
    box-sizing: border-box;
  }
/* Partners logo images → invert so they're visible on dark */
  .hype-5KDmZ #partners .hype-1hjrepk img {
    filter: brightness(0) invert(1) !important;
  }
/* Partners all text → white */
  .hype-5KDmZ #partners .hype-text {
    color: rgba(255,255,255,0.85) !important;
    --hype-text-color: rgba(255,255,255,0.85) !important;
  }
.hype-5KDmZ #partners h2.hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* Partners divider icon between logos → white */
  .hype-5KDmZ #partners .hype-1btaxy3 img {
    filter: brightness(0) invert(1) opacity(0.3) !important;
  }
/* Partners heading block + logo card rows → transparent on dark bg */
  .hype-5KDmZ #partners .hype-1mtq15q {
    background: transparent !important;
  }
/* Partner logo cards → subtle dark glass */
  .hype-5KDmZ #partners .hype-yGQVR {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 12px !important;
  }
.hype-5KDmZ #partners .hype-pjoymz {
    background: transparent !important;
  }
/* ── 4. FAQ SECTION RESTYLE ── */
  /* Section bg → clean light gray */
  .hype-5KDmZ #faq {
    background: #f2f2f2 !important;
    border-radius: 20px;
    padding: 12px;
    box-sizing: border-box;
  }
/* FAQ accordion items → white cards */
  .hype-4qRSl {
    background-color: #fff !important;
    border: 1px solid #e8e8e8 !important;
  }
/* All FAQ text → dark */
  .hype-5KDmZ #faq .hype-text {
    color: #222 !important;
    --hype-text-color: #222 !important;
  }
/* FAQ answer text (injected) — smooth max-height slide */
  .hype-faq-answer {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 15px;
    line-height: 1.65;
    color: #555;
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0 32px;
    margin-top: 0;
    border-top: 0px solid #f0f0f0;
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.35s ease,
                padding 0.4s ease,
                margin 0.4s ease;
  }
.hype-4qRSl.hype-open .hype-faq-answer {
    max-height: 400px;
    opacity: 1;
    padding: 16px 32px 24px;
    margin-top: 12px;
    border-top: 1px solid #f0f0f0;
  }
.hype-4qRSl.hype-open .hype-11z9b89 { transform: rotate(45deg) !important; transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1); }
.hype-11z9b89 { transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1); cursor: pointer; }
/* ── 5. CONNECT WITH US (Contact-Us) CONTRAST FIX ── */
  .hype-5KDmZ #contact-us .hype-text {
    color: #222 !important;
    --hype-text-color: #222 !important;
  }
/* Keep contact button text white on orange */
  .hype-5KDmZ #contact-us [data-hype-name="Primary"] .hype-text, .hype-5KDmZ #contact-us [data-hype-name="Secondary"] .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* Form input labels visible */
  .hype-5KDmZ #contact-us .hype-1c60j28 .hype-text {
    color: #444 !important;
  }
/* ── 6a. MAKING OF OUR EVENT CARD HEADINGS & BODY → DARK ── */
  /* hype-1mjTV = Making of Our Event card: h3 + body text */
  .hype-1mjTV .hype-10t7wd6 .hype-text, .hype-1mjTV .hype-jsxw1a .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
.hype-1mjTV .hype-rlpsi0 .hype-text {
    color: #555 !important;
    --hype-text-color: #555 !important;
  }
/* Number in card (01, 02...) → orange accent */
  .hype-1mjTV .hype-1rjwm8l .hype-text {
    color: #FF8000 !important;
    --hype-text-color: #FF8000 !important;
  }
/* ── 6. OUR EVENT ESSENTIALS → DARK TEXT ON GOLD CARDS ── */
  /* Gold event essentials cards (hype-1op0kms / hype-12w1nvj containers) */
  .hype-5KDmZ #moments .hype-1op0kms .hype-text, .hype-5KDmZ #moments .hype-12w1nvj .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
/* Keep the HYPE orange chip/label text */
  .hype-5KDmZ #moments .hype-11abtrf .hype-text {
    color: #FF8000 !important;
    --hype-text-color: #FF8000 !important;
  }
/* Moments primary button text → white */
  .hype-5KDmZ #moments [data-hype-name="Primary"] .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* ── 7. KEY FEATURES LAYOUT — matches original template structure ── */

  /* Individual feature items (hype-w9q4T) → NO card bg, just layout */
  .hype-w9q4T {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
    overflow: visible;
  }
/* The Key Features OUTER panel (hype-nf3pjj) → ONE big card */
  .hype-nf3pjj {
    background: rgba(255, 250, 220, 0.5) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(210, 160, 10, 0.18) !important;
  }
/* Each stat card (hype-Azxqp) → individual card */
  .hype-5KDmZ #moments .hype-Azxqp {
    background: rgba(255, 250, 220, 0.5) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(210, 160, 10, 0.18) !important;
  }
/* Feature card heading & body text → dark */
  .hype-nf3pjj .hype-165w3l3 .hype-text, .hype-nf3pjj .hype-16lfebz .hype-text, .hype-nf3pjj .hype-9zub39 .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
/* ── 8. SPEAKER PHOTOS → REMOVE BLUE TINT (full grayscale = clean B&W) ── */
  .hype-8CuKQ [data-hype-background-image-wrapper="true"] img {
    filter: grayscale(100%) contrast(1.1) !important;
  }
/* ── 9. MAKING OF OUR EVENT + SIDEBAR IMAGES → REMOVE BLUE TINT ── */
  /* Wide event sidebar images (hype-wOEoQ) */
  .hype-wOEoQ [data-hype-background-image-wrapper="true"] img {
    filter: grayscale(100%) !important;
  }
/* Sidebar right-panel images (Agenda At A Glance, audience) */
  .hype-1xvg8je [data-hype-background-image-wrapper="true"] img, .hype-pmae8q [data-hype-background-image-wrapper="true"] img, .hype-1okwj6f [data-hype-background-image-wrapper="true"] img {
    filter: grayscale(100%) !important;
  }
/* ── 10. RESOURCES SECTION CONTRAST FIX ── */
  .hype-5KDmZ #resources .hype-text {
    color: #222 !important;
    --hype-text-color: #222 !important;
  }
.hype-5KDmZ #resources [data-hype-name="Primary"] .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* Past Highlights cards (ITConf 2023, 2022, 2021) → light gray */
  .hype-5KDmZ #resources .hype-IbXOz[data-hype-name="Default"] {
    background: #f2f2f2 !important;
    border-radius: 12px !important;
    border: 1px solid #e4e4e4 !important;
  }
/* ── 10b. CONTACT FORM BLOCK → DARK CARD ── */
  .hype-qq9hzv {
    background: #0c0c0c !important;
    border-radius: 16px !important;
  }
.hype-qq9hzv .hype-text {
    color: rgba(255,255,255,0.85) !important;
    --hype-text-color: rgba(255,255,255,0.85) !important;
  }
.hype-jmp6su .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
.hype-form-text-input, .hype-form-input-wrapper {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.15) !important;
    color: #fff !important;
  }
/* ── 10c. CONTACT BUTTONS (email/social) → OUTLINE BLACK ── */
  .hype-5KDmZ #contact-us .hype-KmSQF {
    background: transparent !important;
    border: 2px solid #111 !important;
    box-shadow: none !important;
  }
.hype-5KDmZ #contact-us .hype-KmSQF .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
/* Form submit button inside dark card → yellow */
  .hype-5KDmZ #contact-us .hype-rMB2l {
    background: #FEB501 !important;
    border: none !important;
  }
.hype-5KDmZ #contact-us .hype-rMB2l .hype-text, .hype-5KDmZ #contact-us .hype-rMB2l span {
    color: #000001 !important;
    --hype-text-color: #000001 !important;
  }
/* legacy selector kept for safety */
  .hype-qq9hzv .hype-KmSQF {
    background: #FEB501 !important;
    border: none !important;
  }
.hype-qq9hzv .hype-KmSQF .hype-text {
    color: #000001 !important;
    --hype-text-color: #fff !important;
  }
/* ── 10d. CONTACT FORM HEADING → WHITE on dark card ── */
  /* Must beat #contact-us h2 specificity with the form-class in the chain */
  .hype-5KDmZ #contact-us .hype-qq9hzv h2.hype-text, .hype-5KDmZ #contact-us .hype-qq9hzv h3.hype-text, .hype-5KDmZ #contact-us .hype-qq9hzv .hype-styles-preset-1wi1urh {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* Form submit button → orange (beats #contact-us .hype-KmSQF rule) */
  .hype-5KDmZ #contact-us .hype-qq9hzv .hype-KmSQF {
    background: #FF8000 !important;
    border: none !important;
  }
.hype-5KDmZ #contact-us .hype-qq9hzv .hype-KmSQF .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* ── 12. BLOG SECTION FIX ── */
  /* Section heading block → light gray (was gold) */
  .hype-5KDmZ #blog .hype-hj014j {
    background: #f0f0f0 !important;
    border-radius: 16px !important;
  }
.hype-5KDmZ #blog .hype-hj014j .hype-text {
    color: #111 !important;
    --hype-text-color: #111 !important;
  }
/* Blog post cards → white with border (was orange) */
  .hype-5KDmZ #blog .hype-7hn9x3 {
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
.hype-5KDmZ #blog .hype-7hn9x3:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.1) !important;
  }
.hype-5KDmZ #blog .hype-7hn9x3 .hype-text {
    color: #222 !important;
    --hype-text-color: #222 !important;
  }
/* Keep blog CTA button text white */
  .hype-5KDmZ #blog [data-hype-name="Primary"] .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* ── 13. MAKING OF OUR EVENT CARD BG → LIGHT GRAY (not white/orange) ── */
  .hype-1mjTV.hype-l4fi0e {
    background: #f2f2f2 !important;
    border-radius: 12px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
.hype-1mjTV.hype-l4fi0e:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
  }
/* Ensure overflow hidden for image scale on hover */
  .hype-1mjTV .hype-1kjjbs1 {
    overflow: hidden !important;
  }
.hype-1mjTV .hype-1kjjbs1 [data-hype-background-image-wrapper="true"] img {
    transition: transform 0.5s ease !important;
  }
.hype-1mjTV.hype-l4fi0e:hover .hype-1kjjbs1 [data-hype-background-image-wrapper="true"] img {
    transform: scale(1.08) !important;
  }
/* ── 14. SPEAKER CARDS HOVER — image scales, card stays put ── */
  .hype-8CuKQ {
    overflow: hidden !important;
    transition: box-shadow 0.35s ease !important;
  }
.hype-8CuKQ:hover {
    transform: none !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.28) !important;
  }
.hype-8CuKQ [data-hype-background-image-wrapper="true"] img {
    transition: transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    transform: scale(1);
  }
.hype-8CuKQ:hover [data-hype-background-image-wrapper="true"] img {
    transform: scale(1.08) !important;
  }
/* ── 14b. SPEAKER NAME PLATE MARGINS — float above card bottom ── */
  .hype-8CuKQ .hype-xacoz2 {
    width: calc(100% - 24px) !important;
    margin: 0 12px 12px !important;
    border-radius: 10px !important;
  }
/* ── 16. BRAND COLORS: hero h1 → white (premium) ── */
  .hype-5KDmZ #hero h1.hype-text, .hype-5KDmZ #hero .hype-styles-preset-2gzc8k {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* Nav pill border → yellow; nav text → white */
  .hype-190ny7o {
    --token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96: #FEB501 !important;
    --border-color: #FEB501 !important;
  }
.hype-190ny7o .hype-15ma5ve .hype-text, .hype-190ny7o .hype-wrqh04 .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
.hype-hype-home-nav-container .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* ── 21. HERO INFO CARD COLORS: black / yellow / orange / red ── */
  /* WHEN → black */
  .hype-1f3d7of-container .hype-O9UkP {
    background-color: #000001 !important;
  }
/* WHERE → yellow */
  .hype-1ya032x-container .hype-O9UkP {
    background-color: #FEB501 !important;
  }
/* WHERE text → dark (yellow bg is light) */
  .hype-1ya032x-container .hype-qi3htz .hype-text {
    color: rgba(0,0,0,0.5) !important;
    --hype-text-color: rgba(0,0,0,0.5) !important;
  }
.hype-1ya032x-container .hype-18tcj1c .hype-text, .hype-1ya032x-container .hype-18tcj1c span.hype-text {
    color: #000001 !important;
    --hype-text-color: #000001 !important;
  }
/* FOR WHO → keep orange (default token) — no override needed */
  /* GET TICKETS (4th injected card) → red */
  .hype-hype-ticket-container a {
    background-color: #FE0000 !important;
  }
/* ── 17. SECTION GAP: Partners → Essentials — match grid gap (8px) ── */
  .hype-5KDmZ #partners {
    margin-bottom: 8px !important;
  }
/* ── 19. REMOVE SIDEBAR + FULL-WIDTH LAYOUT ── */
  .hype-tjxmgd { display: none !important; }
.hype-ki0ogv { grid-column: span 8 !important; }
/* ── 20. HERO INFO BLOCKS → 4 COLUMNS (desktop only) ── */
  @media (min-width: 1160px) {
    .hype-hiwf6v {
      grid-template-columns: repeat(4, minmax(1px, 1fr)) !important;
    }
  }
/* ── 18. NAV SLIDING INDICATOR ── */
  .hype-190ny7o {
    position: relative !important;
    overflow: visible !important;
  }
#hype-nav-indicator {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 70px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 1000px;
    pointer-events: none;
    z-index: 0;
    transition: transform 0.32s cubic-bezier(0.34,1.56,0.64,1), width 0.32s cubic-bezier(0.34,1.56,0.64,1);
  }
/* ── 15. MARQUEE STYLES ── */
  @keyframes hype-scroll-left {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }

  @keyframes hype-scroll-right {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
  }
.hype-marquee-wrapper {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 0;
  }
.hype-marquee-row {
    display: flex;
    width: 100%;
    overflow: hidden;
  }
.hype-marquee-track {
    display: flex;
    gap: 16px;
    align-items: center;
    will-change: transform;
  }
.hype-marquee-track.scroll-left {
    animation: hype-scroll-left 18s linear infinite;
  }
.hype-marquee-track.scroll-right {
    animation: hype-scroll-right 22s linear infinite;
  }
.hype-marquee-track:hover {
    animation-play-state: paused;
  }
/* ── 11. FOOTER VIDEO OVERLAY ── */
  #hype-footer {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
  }
#hype-footer-video {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
    opacity: 0.12;
  }
#hype-footer > * { position: relative; z-index: 1; }
/* ── 22. NAV PILL OUTLINE → WHITE ── */
  .hype-190ny7o {
    --border-color: rgba(255,255,255,0.35) !important;
  }
/* ── 23. RESERVE YOUR SPOT BUTTON HOVER ANIMATIONS ── */
  /* Smooth CSS-transition text slide-up: default exits up, hover enters from below */

  /* Default text exits upward on hover */
  .hype-dJnl5.hype-v-acdels .hype-6t2qi2, .hype-auSfu.hype-v-1rtcllg .hype-wvhkrd, .hype-mpjqW.hype-v-1vgd1s0 .hype-1xssink {
    transform: translateY(0%) !important;
    transition: transform 0.42s cubic-bezier(0.76, 0, 0.24, 1) !important;
    will-change: transform !important;
  }
.hype-dJnl5.hype-v-acdels:hover .hype-6t2qi2, .hype-auSfu.hype-v-1rtcllg:hover .hype-wvhkrd, .hype-mpjqW.hype-v-1vgd1s0:hover .hype-1xssink {
    transform: translateY(-115%) !important;
  }
/* Hover text starts below the clip area, enters on hover */
  .hype-dJnl5.hype-v-acdels .hype-1p91dwz, .hype-auSfu.hype-v-1rtcllg .hype-dxjxoe, .hype-mpjqW.hype-v-1vgd1s0 .hype-1gn9ffi {
    position: absolute !important;
    top: 0 !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(115%) !important;
    transition: transform 0.42s cubic-bezier(0.76, 0, 0.24, 1) !important;
    will-change: transform !important;
    white-space: nowrap !important;
  }
.hype-dJnl5.hype-v-acdels:hover .hype-1p91dwz, .hype-auSfu.hype-v-1rtcllg:hover .hype-dxjxoe, .hype-mpjqW.hype-v-1vgd1s0:hover .hype-1gn9ffi {
    transform: translateX(-50%) translateY(0%) !important;
  }
/* ── 24. SEND A MESSAGE BUTTON — HOVER + NO OUTLINE ── */
  .hype-5KDmZ #contact-us .hype-rMB2l {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transition: filter 0.22s ease, transform 0.22s ease !important;
    cursor: pointer !important;
  }
.hype-5KDmZ #contact-us .hype-rMB2l:hover {
    filter: brightness(1.12) !important;
    transform: translateY(-2px) !important;
  }
/* ── 25c. SEND A MESSAGE BUTTON — REMOVE DATA-BORDER PSEUDO BORDER ── */
  .hype-5KDmZ #contact-us .hype-rMB2l::after, .hype-5KDmZ #contact-us .hype-rMB2l::before {
    display: none !important;
    border: none !important;
  }
.hype-5KDmZ #contact-us .hype-rMB2l {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }
/* ── 25. LOGO SIZES ── */
  /* Nav logo — slightly bigger */
  .hype-jztfi.hype-v-1afn4lp, .hype-jztfi.hype-v-1afn4lp img {
    width: 96px !important;
    height: 50px !important;
    object-fit: contain !important;
  }
/* Footer logo — a lot bigger */
  .hype-jztfi.hype-v-k9iag1, .hype-jztfi.hype-v-k9iag1 img {
    width: 170px !important;
    height: 88px !important;
    object-fit: contain !important;
  }
/* ---- hype-permanent-hides ---- */
/* Blog section hidden by request (not ready for launch). Independent of tester mode. */
    .hype-5KDmZ #blog { display: none !important; }
/* FAQ: drop the flex gap to the collapsed answer when closed, so closed items have balanced top/bottom padding */
    .hype-4qRSl:not(.hype-open) { gap: 0 !important; }
/* ---- hype-mobile-refine ---- */
@media (max-width: 767.98px) {
      /* Hero: give the panel + title container room so the bigger title fits below the fixed navbar */
      .hype-1bqyzmt { min-height: 520px !important; height: auto !important; }
      .hype-1c2z1xx { min-height: 250px !important; height: auto !important; justify-content: flex-start !important; }
      /* Hero title: bigger, cleaner, 2026 on its own line */
      #hype-hero-title { font-size: 52px !important; line-height: 1.0 !important; letter-spacing: -1px !important; }
      #hype-hero-title span {
        display: block !important;
        width: -moz-fit-content !important;
        width: fit-content !important;
        margin: 0.28em auto 0 !important;
        transform: rotate(-4deg) !important;
        font-size: 0.5em !important;
      }
      /* Countdown: scale down to fit inside the hero */
      #hype-countdown { width: 100% !important; max-width: 340px !important; margin-left: auto !important; margin-right: auto !important; gap: 5px !important; justify-content: center !important; box-sizing: border-box !important; }
      #hype-countdown .cd-unit { min-width: 0 !important; flex: 1 1 0 !important; padding: 8px 3px 6px !important; }
      #hype-countdown .cd-num { font-size: 27px !important; letter-spacing: -1px !important; }
      #hype-countdown .cd-label { font-size: 7.5px !important; letter-spacing: 1px !important; margin-top: 3px !important; }
      #hype-countdown .cd-sep { font-size: 18px !important; }
      /* Section headers (ministers/about/partners/testimonials/faq): stack heading/paragraph/button vertically */
      .hype-SY8r2 { flex-direction: column !important; align-items: stretch !important; gap: 22px !important; }
      .hype-SY8r2 > * { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; }
    }
/* ==================== injected-component layout (was hype-sections-layout.css) ==================== */
.hype-injected .hype-1f3d7of-container, .hype-injected .hype-1ya032x-container, .hype-injected .hype-db6afo-container, .hype-injected .hype-76fo5h-container, .hype-injected .hype-1ter4qw-container, .hype-injected .hype-an7wr0-container, .hype-injected .hype-191jd9-container, .hype-injected .hype-y2wvwz-container, .hype-injected .hype-b39gam-container, .hype-injected .hype-jp6kql-container, .hype-injected .hype-y5pdqx-container, .hype-injected .hype-g1bei6-container, .hype-injected .hype-cxgypi-container, .hype-injected .hype-33aksz-container, .hype-injected .hype-8d584d-container, .hype-injected .hype-164mrkc-container, .hype-injected .hype-1ht58lg-container, .hype-injected .hype-2tbqcc-container, .hype-injected .hype-jdr13k-container, .hype-injected .hype-9h65ra-container, .hype-injected .hype-11drfry-container, .hype-injected .hype-1bf99yy-container, .hype-injected .hype-16wrh8r-container, .hype-injected .hype-13rxhar-container {
flex: 0 0 auto;
place-self: start;
width: 100%;
height: 100%;
position: relative;
}
.hype-injected .hype-1fbam0o, .hype-injected .hype-11i3ez9, .hype-injected .hype-i78blg, .hype-injected .hype-iou4eb, .hype-injected .hype-16nwv75, .hype-injected .hype-8lurdk, .hype-injected .hype-1f0qawq, .hype-injected .hype-1xkg7as {
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 100%;
height: min-content;
padding: 0px 0px 8px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-injected .hype-g57cnu-container, .hype-injected .hype-1pljmdy-container, .hype-injected .hype-1nghe3h-container, .hype-injected .hype-132j25w-container, .hype-injected .hype-faekcj-container, .hype-injected .hype-t865ma-container, .hype-injected .hype-1lb9hfv-container, .hype-injected .hype-1cx12bg-container, .hype-injected .hype-mo9var-container, .hype-injected .hype-b06uqy-container, .hype-injected .hype-1gcreou-container {
flex: 0 0 auto;
width: 100%;
height: auto;
position: relative;
}
.hype-injected .hype-o7gr17, .hype-injected .hype-vi6xcf {
flex: 0 0 auto;
grid-template-rows: repeat(2, min-content);
grid-template-columns: repeat(3, minmax(1px, 1fr));
grid-auto-rows: min-content;
justify-content: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0px;
display: grid;
position: relative;
overflow: hidden;
}
.hype-injected .hype-mfl8rk {
background-color: var(--token-3d3bb8af-3862-486e-bbcf-13680c9c9654, #FEB501);
will-change: var(--hype-will-change-override, transform);
border-radius: 12px;
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 40px;
width: 100%;
height: min-content;
padding: 56px 32px 32px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-injected .hype-nf3pjj {
background-color: var(--token-674ae7db-883c-4cdd-b47c-e63333b9518d, #FEB501);
will-change: var(--hype-will-change-override, transform);
border-radius: 12px;
flex-flow: column;
flex: 0 0 auto;
grid-column: 1 / -1;
place-content: flex-start;
place-self: start;
align-items: flex-start;
gap: 40px;
width: 100%;
height: min-content;
padding: 40px 32px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-injected .hype-1nvrm6l, .hype-injected .hype-ydp4uz, .hype-injected .hype-z2h57k {
--hype-link-text-color: #FEB501;
--hype-link-text-decoration: underline;
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative;
}
.hype-injected .hype-hz0xxm {
flex: 0 0 auto;
grid-template-rows: repeat(1, min-content);
grid-template-columns: repeat(3, minmax(1px, 1fr));
grid-auto-rows: min-content;
justify-content: center;
gap: 32px;
width: 100%;
height: min-content;
padding: 0px;
display: grid;
position: relative;
overflow: hidden;
}
@media (max-width: 1159px) and (min-width: 768px) {
.hype-9oQTG .hype-styles-preset-1tvpdge:not(.rich-text-wrapper), .hype-9oQTG .hype-styles-preset-1tvpdge.rich-text-wrapper h2 {
--hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-open-type-features: normal;
--hype-font-size: 56px;
--hype-font-style: normal;
--hype-font-style-bold: normal;
--hype-font-weight: 400;
--hype-font-weight-bold: 700;
--hype-letter-spacing: -2.8px;
--hype-line-height: 88%;
--hype-paragraph-spacing: 24px;
--hype-text-alignment: left;
--hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
--hype-text-decoration: none;
--hype-text-stroke-color: initial;
--hype-text-stroke-width: initial;
--hype-text-transform: uppercase;
}
}
@media (max-width: 767px) and (min-width: 0) {
.hype-9oQTG .hype-styles-preset-1tvpdge:not(.rich-text-wrapper), .hype-9oQTG .hype-styles-preset-1tvpdge.rich-text-wrapper h2 {
--hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-open-type-features: normal;
--hype-font-size: 40px;
--hype-font-style: normal;
--hype-font-style-bold: normal;
--hype-font-weight: 400;
--hype-font-weight-bold: 700;
--hype-letter-spacing: -2px;
--hype-line-height: 88%;
--hype-paragraph-spacing: 24px;
--hype-text-alignment: left;
--hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
--hype-text-decoration: none;
--hype-text-stroke-color: initial;
--hype-text-stroke-width: initial;
--hype-text-transform: uppercase;
}
}
@media (max-width: 767.98px) {
.hype-injected .hype-hiwf6v, .hype-injected .hype-o7gr17, .hype-injected .hype-1yj0o3d, .hype-injected .hype-pjoymz, .hype-injected .hype-vi6xcf, .hype-injected .hype-hz0xxm, .hype-injected .hype-1yawllm, .hype-injected .hype-njnjga {
grid-template-columns: repeat(1, minmax(1px, 1fr));
}
.hype-injected .hype-1f3d7of-container, .hype-injected .hype-1ya032x-container, .hype-injected .hype-db6afo-container, .hype-injected .hype-jp6kql-container, .hype-injected .hype-y5pdqx-container, .hype-injected .hype-g1bei6-container, .hype-injected .hype-cxgypi-container, .hype-injected .hype-33aksz-container, .hype-injected .hype-8d584d-container, .hype-injected .hype-164mrkc-container, .hype-injected .hype-1ht58lg-container, .hype-injected .hype-2tbqcc-container, .hype-injected .hype-jdr13k-container, .hype-injected .hype-9h65ra-container, .hype-injected .hype-11drfry-container, .hype-injected .hype-1bf99yy-container, .hype-injected .hype-16wrh8r-container, .hype-injected .hype-13rxhar-container {
height: auto;
}
.hype-injected .hype-mfl8rk, .hype-injected .hype-nul3cj {
padding: 40px 24px 24px;
}
.hype-injected .hype-nf3pjj {
padding: 32px 24px;
}
}
.hype-dJnl5.hype-uopffm, .hype-dJnl5 .hype-uopffm {
display: block;
}
.hype-dJnl5.hype-acdels {
cursor: pointer;
will-change: var(--hype-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 6px;
width: min-content;
height: min-content;
padding: 16px 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.hype-dJnl5 .hype-1i6w7c6, .hype-dJnl5 .hype-1tud1iq, .hype-dJnl5 .hype-1i6lh3e, .hype-dJnl5 .hype-1ersoy5 {
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 0px;
width: min-content;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-dJnl5 .hype-xsc9fy, .hype-dJnl5 .hype-1dnjup5 {
flex: 0 0 auto;
width: 14px;
height: 14px;
position: relative;
}
.hype-dJnl5 .hype-17nrzhe {
z-index: 1;
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 0px;
width: min-content;
height: min-content;
padding: 0px;
display: flex;
position: absolute;
top: 50%;
right: -14px;
overflow: hidden;
}
.hype-dJnl5 .hype-1oc9nqb {
user-select: none;
pointer-events: none;
flex-flow: column;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 0px;
width: min-content;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-dJnl5 .hype-6t2qi2 {
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative;
}
.hype-dJnl5 .hype-1p91dwz {
white-space: pre;
z-index: 1;
flex: 0 0 auto;
width: auto;
height: auto;
position: absolute;
bottom: -15px;
left: 50%;
}
.hype-dJnl5 .hype-3ivqi4, .hype-dJnl5 .hype-1jfioqg {
flex: 0 0 auto;
width: 16px;
height: 16px;
position: relative;
}
.hype-dJnl5 .hype-ldts8u {
z-index: 1;
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 0px;
width: min-content;
height: min-content;
padding: 0px;
display: flex;
position: absolute;
bottom: -16px;
left: -16px;
overflow: hidden;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-dJnl5.hype-acdels, .hype-dJnl5 .hype-1i6w7c6, .hype-dJnl5 .hype-1tud1iq, .hype-dJnl5 .hype-17nrzhe, .hype-dJnl5 .hype-1oc9nqb, .hype-dJnl5 .hype-1i6lh3e, .hype-dJnl5 .hype-1ersoy5, .hype-dJnl5 .hype-ldts8u {
gap: 0px;
}
.hype-dJnl5.hype-acdels > * {
margin: 0px 3px;
}
.hype-dJnl5.hype-acdels > :first-child, .hype-dJnl5 .hype-1i6w7c6 > :first-child, .hype-dJnl5 .hype-1tud1iq > :first-child, .hype-dJnl5 .hype-17nrzhe > :first-child, .hype-dJnl5 .hype-1i6lh3e > :first-child, .hype-dJnl5 .hype-1ersoy5 > :first-child, .hype-dJnl5 .hype-ldts8u > :first-child {
margin-left: 0px;
}
.hype-dJnl5.hype-acdels > :last-child, .hype-dJnl5 .hype-1i6w7c6 > :last-child, .hype-dJnl5 .hype-1tud1iq > :last-child, .hype-dJnl5 .hype-17nrzhe > :last-child, .hype-dJnl5 .hype-1i6lh3e > :last-child, .hype-dJnl5 .hype-1ersoy5 > :last-child, .hype-dJnl5 .hype-ldts8u > :last-child {
margin-right: 0px;
}
.hype-dJnl5 .hype-1i6w7c6 > *, .hype-dJnl5 .hype-1tud1iq > *, .hype-dJnl5 .hype-17nrzhe > *, .hype-dJnl5 .hype-1i6lh3e > *, .hype-dJnl5 .hype-1ersoy5 > *, .hype-dJnl5 .hype-ldts8u > *, .hype-dJnl5 .hype-1oc9nqb > * {
margin: 0px;
}
.hype-dJnl5 .hype-1oc9nqb > :first-child {
margin-top: 0px;
}
.hype-dJnl5 .hype-1oc9nqb > :last-child {
margin-bottom: 0px;
}
}
.hype-dJnl5.hype-v-61phbk.hype-acdels {
padding: 2px 0px;
}
.hype-dJnl5.hype-v-61phbk .hype-1i6w7c6 {
order: 0;
}
.hype-dJnl5.hype-v-61phbk .hype-1oc9nqb {
order: 1;
}
.hype-dJnl5.hype-v-acdels.hover .hype-6t2qi2, .hype-dJnl5.hype-v-1yxsssb.hover .hype-6t2qi2 {
z-index: 1;
position: absolute;
top: -15px;
left: 50%;
}
.hype-dJnl5.hype-v-acdels.hover .hype-1p91dwz, .hype-dJnl5.hype-v-acdels.hover .hype-ldts8u, .hype-dJnl5.hype-v-1yxsssb.hover .hype-1p91dwz, .hype-dJnl5.hype-v-1yxsssb.hover .hype-ldts8u {
bottom: unset;
left: unset;
position: relative;
}
.hype-dJnl5.hype-v-acdels.hover .hype-1ersoy5, .hype-dJnl5.hype-v-1yxsssb.hover .hype-1ersoy5 {
z-index: 1;
position: absolute;
top: -16px;
right: -16px;
}
.hype-dJnl5.hype-v-61phbk.hover .hype-1tud1iq {
z-index: 1;
position: absolute;
top: 50%;
left: -14px;
}
.hype-dJnl5.hype-v-61phbk.hover .hype-17nrzhe {
right: unset;
top: unset;
position: relative;
}
.hype-dJnl5[data-border="true"]::after, .hype-dJnl5 [data-border="true"]::after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.hype-SY8r2.hype-1eog0x1 {
flex-flow: row;
place-content: flex-end space-between;
align-items: flex-end;
width: 1066px;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible;
}
.hype-SY8r2 .hype-vu4u1c {
flex-flow: column;
flex: 1 0 0px;
place-content: flex-start;
align-items: flex-start;
gap: 20px;
width: 1px;
max-width: 400px;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible;
}
.hype-SY8r2 .hype-eufxz2 {
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 0px;
width: min-content;
height: min-content;
padding: 0px 0px 0px 4px;
display: flex;
position: relative;
overflow: visible;
}
.hype-SY8r2 .hype-11abtrf {
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative;
}
.hype-SY8r2 .hype-1x0u0bs {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
height: auto;
position: relative;
}
.hype-SY8r2 .hype-1p0zcln {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 1 0 0px;
width: 1px;
max-width: 280px;
height: auto;
position: relative;
}
.hype-SY8r2 .hype-ep6wh4-container {
flex: 0 0 auto;
width: auto;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-SY8r2 .hype-vu4u1c, .hype-SY8r2 .hype-eufxz2 {
gap: 0px;
}
.hype-SY8r2 .hype-vu4u1c > * {
margin: 10px 0px;
}
.hype-SY8r2 .hype-vu4u1c > :first-child, .hype-SY8r2 .hype-eufxz2 > :first-child {
margin-top: 0px;
}
.hype-SY8r2 .hype-vu4u1c > :last-child, .hype-SY8r2 .hype-eufxz2 > :last-child {
margin-bottom: 0px;
}
.hype-SY8r2 .hype-eufxz2 > * {
margin: 0px;
}
}
.hype-w9q4T.hype-1eflrns {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 291px;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-w9q4T .hype-1agw4uh {
will-change: var(--hype-will-change-override, transform);
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 0px;
width: min-content;
height: min-content;
padding: 6px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-w9q4T .hype-wu32gl {
user-select: none;
aspect-ratio: 1 / 1;
height: var(--hype-aspect-ratio-supported, 14px);
pointer-events: none;
flex: 0 0 auto;
width: 14px;
position: relative;
overflow: hidden;
}
.hype-w9q4T .hype-9zub39 {
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 100%;
max-width: 248px;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-w9q4T .hype-165w3l3, .hype-w9q4T .hype-16lfebz {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-w9q4T.hype-1eflrns, .hype-w9q4T .hype-1agw4uh, .hype-w9q4T .hype-9zub39 {
gap: 0px;
}
.hype-w9q4T.hype-1eflrns > * {
margin: 8px 0px;
}
.hype-w9q4T.hype-1eflrns > :first-child, .hype-w9q4T .hype-9zub39 > :first-child {
margin-top: 0px;
}
.hype-w9q4T.hype-1eflrns > :last-child, .hype-w9q4T .hype-9zub39 > :last-child {
margin-bottom: 0px;
}
.hype-w9q4T .hype-1agw4uh > * {
margin: 0px;
}
.hype-w9q4T .hype-1agw4uh > :first-child {
margin-left: 0px;
}
.hype-w9q4T .hype-1agw4uh > :last-child {
margin-right: 0px;
}
.hype-w9q4T .hype-9zub39 > * {
margin: 4px 0px;
}
}
.hype-Azxqp.hype-1ewmeie {
will-change: var(--hype-will-change-override, transform);
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 136px;
width: 328px;
height: min-content;
padding: 40px 32px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-Azxqp .hype-1op0kms {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
height: auto;
position: relative;
}
.hype-Azxqp .hype-12w1nvj {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
max-width: 184px;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.hype-Azxqp.hype-1ewmeie {
gap: 0px;
}
.hype-Azxqp.hype-1ewmeie > * {
margin: 68px 0px;
}
.hype-Azxqp.hype-1ewmeie > :first-child {
margin-top: 0px;
}
.hype-Azxqp.hype-1ewmeie > :last-child {
margin-bottom: 0px;
}
}
.hype-77WjF .hype-styles-preset-c3lucd:not(.rich-text-wrapper), .hype-77WjF .hype-styles-preset-c3lucd.rich-text-wrapper p {
--hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-open-type-features: normal;
--hype-font-size: 64px;
--hype-font-style: normal;
--hype-font-style-bold: normal;
--hype-font-weight: 400;
--hype-font-weight-bold: 700;
--hype-letter-spacing: -3.2px;
--hype-line-height: 88%;
--hype-paragraph-spacing: 24px;
--hype-text-alignment: left;
--hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
--hype-text-decoration: none;
--hype-text-stroke-color: initial;
--hype-text-stroke-width: initial;
--hype-text-transform: uppercase;
}
@media (max-width: 1159px) and (min-width: 0) {
.hype-77WjF .hype-styles-preset-c3lucd:not(.rich-text-wrapper), .hype-77WjF .hype-styles-preset-c3lucd.rich-text-wrapper p {
--hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-open-type-features: normal;
--hype-font-size: 54px;
--hype-font-style: normal;
--hype-font-style-bold: normal;
--hype-font-weight: 400;
--hype-font-weight-bold: 700;
--hype-letter-spacing: -2.7px;
--hype-line-height: 88%;
--hype-paragraph-spacing: 24px;
--hype-text-alignment: left;
--hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
--hype-text-decoration: none;
--hype-text-stroke-color: initial;
--hype-text-stroke-width: initial;
--hype-text-transform: uppercase;
}
}
.hype-smvMM .hype-styles-preset-a8op9b:not(.rich-text-wrapper), .hype-smvMM .hype-styles-preset-a8op9b.rich-text-wrapper h4 {
--hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-open-type-features: normal;
--hype-font-size: 24px;
--hype-font-style: normal;
--hype-font-style-bold: normal;
--hype-font-weight: 400;
--hype-font-weight-bold: 700;
--hype-letter-spacing: -0.72px;
--hype-line-height: 104%;
--hype-paragraph-spacing: 20px;
--hype-text-alignment: left;
--hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
--hype-text-decoration: none;
--hype-text-stroke-color: initial;
--hype-text-stroke-width: initial;
--hype-text-transform: uppercase;
}
.hype-WggaU .hype-styles-preset-1qr8uq3:not(.rich-text-wrapper), .hype-WggaU .hype-styles-preset-1qr8uq3.rich-text-wrapper p {
--hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--hype-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
--hype-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--hype-font-open-type-features: normal;
--hype-font-size: 14px;
--hype-font-style: normal;
--hype-font-style-bold: normal;
--hype-font-style-bold-italic: italic;
--hype-font-style-italic: italic;
--hype-font-weight: 400;
--hype-font-weight-bold: 700;
--hype-font-weight-bold-italic: 700;
--hype-font-weight-italic: 400;
--hype-letter-spacing: 0px;
--hype-line-height: 120%;
--hype-paragraph-spacing: 20px;
--hype-text-alignment: left;
--hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
--hype-text-decoration: none;
--hype-text-stroke-color: initial;
--hype-text-stroke-width: initial;
--hype-text-transform: none;
}
.hype-9oQTG .hype-styles-preset-1tvpdge:not(.rich-text-wrapper), .hype-9oQTG .hype-styles-preset-1tvpdge.rich-text-wrapper h2 {
--hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-open-type-features: normal;
--hype-font-size: 64px;
--hype-font-style: normal;
--hype-font-style-bold: normal;
--hype-font-weight: 400;
--hype-font-weight-bold: 700;
--hype-letter-spacing: -3.2px;
--hype-line-height: 88%;
--hype-paragraph-spacing: 24px;
--hype-text-alignment: left;
--hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
--hype-text-decoration: none;
--hype-text-stroke-color: initial;
--hype-text-stroke-width: initial;
--hype-text-transform: uppercase;
}
.hype-jfnQe .hype-styles-preset-rksdrf:not(.rich-text-wrapper), .hype-jfnQe .hype-styles-preset-rksdrf.rich-text-wrapper p {
--hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
--hype-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--hype-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
--hype-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--hype-font-open-type-features: normal;
--hype-font-size: 14px;
--hype-font-style: normal;
--hype-font-style-bold: normal;
--hype-font-style-bold-italic: italic;
--hype-font-style-italic: italic;
--hype-font-weight: 500;
--hype-font-weight-bold: 700;
--hype-font-weight-bold-italic: 700;
--hype-font-weight-italic: 400;
--hype-letter-spacing: 0px;
--hype-line-height: 104%;
--hype-paragraph-spacing: 20px;
--hype-text-alignment: left;
--hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
--hype-text-decoration: none;
--hype-text-stroke-color: initial;
--hype-text-stroke-width: initial;
--hype-text-transform: uppercase;
}
/* Right ticket/CTA card - make heading white on orange */
.hype-dJnl5 .hype-text, .hype-dJnl5 h2, .hype-dJnl5 h3, .hype-dJnl5 p { color: #fff !important; }
/* ── 2. H2/H3 SECTION HEADINGS → BLACK on light sections ── */
/* All section headings except hero override */
.hype-injected #speakers h2.hype-text, .hype-injected #about h2.hype-text, .hype-injected #moments h2.hype-text, .hype-injected #moments h3.hype-text, .hype-injected #testimonials h2.hype-text, .hype-injected #faq h2.hype-text, .hype-injected #blog h2.hype-text, .hype-injected #resources h2.hype-text, .hype-injected #contact-us h2.hype-text, .hype-injected #contact-us h3.hype-text, .hype-injected .hype-nf3pjj h3.hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
/* ── 6. OUR EVENT ESSENTIALS → DARK TEXT ON GOLD CARDS ── */
/* Gold event essentials cards (hype-1op0kms / hype-12w1nvj containers) */
.hype-injected #moments .hype-1op0kms .hype-text, .hype-injected #moments .hype-12w1nvj .hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
/* Keep the HYPE orange chip/label text */
.hype-injected #moments .hype-11abtrf .hype-text {
color: #FF8000 !important;
--hype-text-color: #FF8000 !important;
}
/* ── 7. KEY FEATURES LAYOUT — matches original template structure ── */
/* Individual feature items (hype-w9q4T) → NO card bg, just layout */
.hype-injected .hype-w9q4T {
background: transparent !important;
border: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-radius: 0 !important;
overflow: visible;
}
/* The Key Features OUTER panel (hype-nf3pjj) → ONE big card */
.hype-injected .hype-nf3pjj {
background: rgba(255, 250, 220, 0.5) !important;
border-radius: 20px !important;
border: 1px solid rgba(210, 160, 10, 0.18) !important;
}
/* Each stat card (hype-Azxqp) → individual card */
.hype-injected #moments .hype-Azxqp {
background: rgba(255, 250, 220, 0.5) !important;
border-radius: 20px !important;
border: 1px solid rgba(210, 160, 10, 0.18) !important;
}
/* Feature card heading & body text → dark */
.hype-injected .hype-nf3pjj .hype-165w3l3 .hype-text, .hype-injected .hype-nf3pjj .hype-16lfebz .hype-text, .hype-injected .hype-nf3pjj .hype-9zub39 .hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
/* ── 23. RESERVE YOUR SPOT BUTTON HOVER ANIMATIONS ── */
/* Smooth CSS-transition text slide-up: default exits up, hover enters from below */
/* Default text exits upward on hover */
.hype-dJnl5.hype-v-acdels .hype-6t2qi2, .hype-auSfu.hype-v-1rtcllg .hype-wvhkrd, .hype-mpjqW.hype-v-1vgd1s0 .hype-1xssink {
transform: translateY(0%) !important;
transition: transform 0.42s cubic-bezier(0.76, 0, 0.24, 1) !important;
will-change: transform !important;
}
.hype-dJnl5.hype-v-acdels:hover .hype-6t2qi2, .hype-auSfu.hype-v-1rtcllg:hover .hype-wvhkrd, .hype-mpjqW.hype-v-1vgd1s0:hover .hype-1xssink {
transform: translateY(-115%) !important;
}
/* Hover text starts below the clip area, enters on hover */
.hype-dJnl5.hype-v-acdels .hype-1p91dwz, .hype-auSfu.hype-v-1rtcllg .hype-dxjxoe, .hype-mpjqW.hype-v-1vgd1s0 .hype-1gn9ffi {
position: absolute !important;
top: 0 !important;
bottom: auto !important;
left: 50% !important;
transform: translateX(-50%) translateY(115%) !important;
transition: transform 0.42s cubic-bezier(0.76, 0, 0.24, 1) !important;
will-change: transform !important;
white-space: nowrap !important;
}
.hype-dJnl5.hype-v-acdels:hover .hype-1p91dwz, .hype-auSfu.hype-v-1rtcllg:hover .hype-dxjxoe, .hype-mpjqW.hype-v-1vgd1s0:hover .hype-1gn9ffi {
transform: translateX(-50%) translateY(0%) !important;
}
.hype-injected .hype-1aqy0tu, .hype-injected .hype-1l0ev41, .hype-injected .hype-1f2iuex, .hype-injected .hype-zhjggs {
--hype-link-text-color: #FEB501;
--hype-link-text-decoration: underline;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
height: auto;
position: relative;
}
.hype-injected .hype-1fbam0o, .hype-injected .hype-11i3ez9, .hype-injected .hype-i78blg, .hype-injected .hype-iou4eb, .hype-injected .hype-16nwv75, .hype-injected .hype-8lurdk, .hype-injected .hype-1f0qawq, .hype-injected .hype-1xkg7as {
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 100%;
height: min-content;
padding: 0px 0px 8px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-injected .hype-1nvrm6l, .hype-injected .hype-ydp4uz, .hype-injected .hype-z2h57k {
--hype-link-text-color: #FEB501;
--hype-link-text-decoration: underline;
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative;
}
.hype-injected .hype-nul3cj {
background-color: var(--token-6212ea50-3a30-451c-b3f9-3d22f041bda8, #e8eaf1);
will-change: var(--hype-will-change-override, transform);
border-radius: 12px;
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 40px;
width: 100%;
height: min-content;
padding: 56px 32px 32px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-injected .hype-skkrvt {
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 100%;
height: min-content;
padding: 0px 0px 8px;
display: flex;
position: relative;
overflow: visible;
}
.hype-injected .hype-cfp4t6 {
background-color: var(--token-3d3bb8af-3862-486e-bbcf-13680c9c9654, #FEB501);
border-radius: 12px;
flex: 0 0 auto;
grid-template-rows: repeat(1, min-content);
grid-template-columns: repeat(2, minmax(1px, 1fr));
grid-auto-rows: min-content;
justify-content: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 56px 32px;
display: grid;
position: relative;
overflow: visible;
}
.hype-injected .hype-69wh3q {
z-index: 1;
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
place-self: start;
align-items: flex-start;
gap: 40px;
width: 100%;
height: auto;
padding: 0px;
display: flex;
position: sticky;
top: 56px;
overflow: visible;
}
.hype-injected .hype-1cmirxm {
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 20px;
width: 100%;
max-width: 400px;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible;
}
.hype-injected .hype-ff0606 {
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 0px;
width: min-content;
height: min-content;
padding: 0px 0px 0px 4px;
display: flex;
position: relative;
overflow: visible;
}
.hype-injected .hype-45cugp {
flex-flow: wrap;
flex: 0 0 auto;
place-content: center flex-start;
align-items: center;
gap: 8px;
width: 100%;
max-width: 480px;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-injected .hype-qq9hzv {
background-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
will-change: var(--hype-will-change-override, transform);
border-radius: 12px;
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
place-self: start;
align-items: flex-start;
gap: 40px;
width: 100%;
height: auto;
padding: 40px 32px;
display: flex;
position: relative;
overflow: hidden;
}
.hype-injected .hype-jmp6su {
--hype-link-text-color: #FEB501;
--hype-link-text-decoration: underline;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
max-width: 320px;
height: auto;
position: relative;
}
@media (min-width: 768px) and (max-width: 1159.98px) {
.hype-injected .hype-cfp4t6 {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 56px;
display: flex;
}
.hype-injected .hype-69wh3q {
align-self: unset;
height: min-content;
top: unset;
position: relative;
}
.hype-injected .hype-1cmirxm {
max-width: 360px;
}
.hype-injected .hype-qq9hzv {
align-self: unset;
height: min-content;
}
}
@media (max-width: 767.98px) {
.hype-injected .hype-mfl8rk, .hype-injected .hype-nul3cj {
padding: 40px 24px 24px;
}
.hype-injected .hype-d3fwcs, .hype-injected .hype-45cugp {
max-width: 360px;
}
.hype-injected .hype-cfp4t6 {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 0px;
padding: 0px;
display: flex;
}
.hype-injected .hype-69wh3q {
align-self: unset;
height: min-content;
top: unset;
padding: 40px 24px 56px;
position: relative;
}
.hype-injected .hype-1cmirxm {
max-width: 256px;
}
.hype-injected .hype-qq9hzv {
align-self: unset;
height: min-content;
padding: 40px 24px;
}
.hype-injected .hype-jmp6su {
max-width: 240px;
}
}
/* ── SPEAKER CARDS ── orange strip bottom of each speaker photo card */
/* Name: gold on orange → white */
.hype-injected .hype-1sb7n31 .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* Role: semi-transparent pink on orange → white 65% */
.hype-injected .hype-ky8l5l .hype-text {
color: rgba(255,255,255,0.65) !important;
--hype-text-color: rgba(255,255,255,0.65) !important;
}
/* ── TESTIMONIALS ── quote + attribution on orange card bg */
.hype-injected .hype-13zlzzb .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* Attribution name (Chidi Okonkwo, etc.) */
.hype-injected .hype-mykmph .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* Attribution role (First-time Attendee, etc.) — semi-dim */
.hype-injected .hype-1yaqdz .hype-text {
color: rgba(255,255,255,0.65) !important;
--hype-text-color: rgba(255,255,255,0.65) !important;
}
/* ── ABOUT SECTION BODY TEXT ── orange body text on light gray bg → dark */
/* hype-rlpsi0 = the body paragraph container in content sections */
.hype-injected .hype-rlpsi0 .hype-text, .hype-injected .hype-1p0zcln .hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
.hype-injected [data-hype-name="Partners"] .hype-styles-preset-1qr8uq3 .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* ── DISCOVERY / ABOUT CARDS body text on light bg → dark ── */
.hype-injected .hype-1p0zcln p.hype-text {
color: #222 !important;
--hype-text-color: #222 !important;
}
/* ── 2. H2/H3 SECTION HEADINGS → BLACK on light sections ── */
/* All section headings except hero override */
.hype-injected #speakers h2.hype-text, .hype-injected #about h2.hype-text, .hype-injected #moments h2.hype-text, .hype-injected #moments h3.hype-text, .hype-injected #testimonials h2.hype-text, .hype-injected #faq h2.hype-text, .hype-injected #blog h2.hype-text, .hype-injected #resources h2.hype-text, .hype-injected #contact-us h2.hype-text, .hype-injected #contact-us h3.hype-text, .hype-injected .hype-nf3pjj h3.hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
/* Partners all text → white */
.hype-injected #partners .hype-text {
color: rgba(255,255,255,0.85) !important;
--hype-text-color: rgba(255,255,255,0.85) !important;
}
.hype-injected #partners h2.hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* FAQ accordion items → white cards */
.hype-injected .hype-4qRSl {
background-color: #fff !important;
border: 1px solid #e8e8e8 !important;
}
/* All FAQ text → dark */
.hype-injected #faq .hype-text {
color: #222 !important;
--hype-text-color: #222 !important;
}
/* ── 5. CONNECT WITH US (Contact-Us) CONTRAST FIX ── */
.hype-injected #contact-us .hype-text {
color: #222 !important;
--hype-text-color: #222 !important;
}
/* Keep contact button text white on orange */
.hype-injected #contact-us [data-hype-name="Primary"] .hype-text, .hype-injected #contact-us [data-hype-name="Secondary"] .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* Form input labels visible */
.hype-injected #contact-us .hype-1c60j28 .hype-text {
color: #444 !important;
}
/* ── 6a. MAKING OF OUR EVENT CARD HEADINGS & BODY → DARK ── */
/* hype-1mjTV = Making of Our Event card: h3 + body text */
.hype-injected .hype-1mjTV .hype-10t7wd6 .hype-text, .hype-injected .hype-1mjTV .hype-jsxw1a .hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
.hype-injected .hype-1mjTV .hype-rlpsi0 .hype-text {
color: #555 !important;
--hype-text-color: #555 !important;
}
/* Number in card (01, 02...) → orange accent */
.hype-injected .hype-1mjTV .hype-1rjwm8l .hype-text {
color: #FF8000 !important;
--hype-text-color: #FF8000 !important;
}
/* ── 6. OUR EVENT ESSENTIALS → DARK TEXT ON GOLD CARDS ── */
/* Gold event essentials cards (hype-1op0kms / hype-12w1nvj containers) */
.hype-injected #moments .hype-1op0kms .hype-text, .hype-injected #moments .hype-12w1nvj .hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
/* Keep the HYPE orange chip/label text */
.hype-injected #moments .hype-11abtrf .hype-text {
color: #FF8000 !important;
--hype-text-color: #FF8000 !important;
}
/* Moments primary button text → white */
.hype-injected #moments [data-hype-name="Primary"] .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* Feature card heading & body text → dark */
.hype-injected .hype-nf3pjj .hype-165w3l3 .hype-text, .hype-injected .hype-nf3pjj .hype-16lfebz .hype-text, .hype-injected .hype-nf3pjj .hype-9zub39 .hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
/* ── 10. RESOURCES SECTION CONTRAST FIX ── */
.hype-injected #resources .hype-text {
color: #222 !important;
--hype-text-color: #222 !important;
}
.hype-injected #resources [data-hype-name="Primary"] .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* ── 10b. CONTACT FORM BLOCK → DARK CARD ── */
.hype-injected .hype-qq9hzv {
background: #0c0c0c !important;
border-radius: 16px !important;
}
.hype-injected .hype-qq9hzv .hype-text {
color: rgba(255,255,255,0.85) !important;
--hype-text-color: rgba(255,255,255,0.85) !important;
}
.hype-injected .hype-jmp6su .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* ── 10c. CONTACT BUTTONS (email/social) → OUTLINE BLACK ── */
.hype-injected #contact-us .hype-KmSQF {
background: transparent !important;
border: 2px solid #111 !important;
box-shadow: none !important;
}
.hype-injected #contact-us .hype-KmSQF .hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
/* Form submit button inside dark card → yellow */
.hype-injected #contact-us .hype-rMB2l {
background: #FEB501 !important;
border: none !important;
}
.hype-injected #contact-us .hype-rMB2l .hype-text, .hype-injected #contact-us .hype-rMB2l span {
color: #000001 !important;
--hype-text-color: #000001 !important;
}
/* legacy selector kept for safety */
.hype-injected .hype-qq9hzv .hype-KmSQF {
background: #FEB501 !important;
border: none !important;
}
.hype-injected .hype-qq9hzv .hype-KmSQF .hype-text {
color: #000001 !important;
--hype-text-color: #fff !important;
}
/* ── 10d. CONTACT FORM HEADING → WHITE on dark card ── */
/* Must beat #contact-us h2 specificity with the form-class in the chain */
.hype-injected #contact-us .hype-qq9hzv h2.hype-text, .hype-injected #contact-us .hype-qq9hzv h3.hype-text, .hype-injected #contact-us .hype-qq9hzv .hype-styles-preset-1wi1urh {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* Form submit button → orange (beats #contact-us .hype-KmSQF rule) */
.hype-injected #contact-us .hype-qq9hzv .hype-KmSQF {
background: #FF8000 !important;
border: none !important;
}
.hype-injected #contact-us .hype-qq9hzv .hype-KmSQF .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
.hype-injected #blog .hype-hj014j .hype-text {
color: #111 !important;
--hype-text-color: #111 !important;
}
.hype-injected #blog .hype-7hn9x3 .hype-text {
color: #222 !important;
--hype-text-color: #222 !important;
}
/* Keep blog CTA button text white */
.hype-injected #blog [data-hype-name="Primary"] .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* ── 16. BRAND COLORS: hero h1 → white (premium) ── */
.hype-injected #hero h1.hype-text, .hype-injected #hero .hype-styles-preset-2gzc8k {
color: #fff !important;
--hype-text-color: #fff !important;
}
.hype-injected .hype-190ny7o .hype-15ma5ve .hype-text, .hype-injected .hype-190ny7o .hype-wrqh04 .hype-text {
color: #fff !important;
--hype-text-color: #fff !important;
}
/* WHERE text → dark (yellow bg is light) */
.hype-injected .hype-1ya032x-container .hype-qi3htz .hype-text {
color: rgba(0,0,0,0.5) !important;
--hype-text-color: rgba(0,0,0,0.5) !important;
}
.hype-injected .hype-1ya032x-container .hype-18tcj1c .hype-text, .hype-injected .hype-1ya032x-container .hype-18tcj1c span.hype-text {
color: #000001 !important;
--hype-text-color: #000001 !important;
}
/* ── 24. SEND A MESSAGE BUTTON — HOVER + NO OUTLINE ── */
.hype-injected #contact-us .hype-rMB2l {
border: none !important;
outline: none !important;
box-shadow: none !important;
transition: filter 0.22s ease, transform 0.22s ease !important;
cursor: pointer !important;
}
.hype-injected #contact-us .hype-rMB2l:hover {
filter: brightness(1.12) !important;
transform: translateY(-2px) !important;
}
/* ── 25c. SEND A MESSAGE BUTTON — REMOVE DATA-BORDER PSEUDO BORDER ── */
.hype-injected #contact-us .hype-rMB2l::after, .hype-injected #contact-us .hype-rMB2l::before {
display: none !important;
border: none !important;
}
.hype-injected #contact-us .hype-rMB2l {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
/* ── 25. LOGO SIZES ── */
/* Nav logo — slightly bigger */
.hype-injected .hype-jztfi.hype-v-1afn4lp, .hype-injected .hype-jztfi.hype-v-1afn4lp img {
width: 96px !important;
height: 50px !important;
object-fit: contain !important;
}
/* Footer logo — a lot bigger */
.hype-injected .hype-jztfi.hype-v-k9iag1, .hype-injected .hype-jztfi.hype-v-k9iag1 img {
width: 170px !important;
height: 88px !important;
object-fit: contain !important;
}
/* ==================== shared component fixes (were duplicated in every page's hype-page-fixes) ==================== */
.hype-vrwHc a .hype-text {
    color: rgba(255,255,255,0.65) !important;
    --hype-text-color: rgba(255,255,255,0.65) !important;
  }
.hype-vrwHc h2.hype-text, .hype-vrwHc h3.hype-text, .hype-vrwHc .hype-styles-preset-1wi1urh {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* === FOOTER: ensure white text on dark background === */
  .hype-vrwHc .hype-text {
    color: rgba(255,255,255,0.75) !important;
    --hype-text-color: rgba(255,255,255,0.75) !important;
  }
/* === NAV CTA BUTTON: white text on orange (was yellow) === */
  .hype-dJnl5 .hype-text {
    color: #fff !important;
    --hype-text-color: #fff !important;
  }
/* Footer "Reserve Your Spot" button sits on a light (#f4f4f4) background,
   so its text + arrow must be dark, not white. */
#footer .hype-mpjqW .hype-text { color: #111 !important; --hype-text-color: #111 !important; }
#footer .hype-mpjqW svg * { stroke: #111 !important; }
#footer .hype-mpjqW svg [fill]:not([fill="none"]) { fill: #111 !important; }


/* ==================== layout for shared homepage-section components (hero/speakers/about/partners/resources) ==================== */

/* Minister speaker cards - same layout as original Hype speaker containers */
      .hype-minister0-container, .hype-minister1-container, .hype-minister2-container, .hype-minister3-container, .hype-minister4-container, .hype-minister5-container, .hype-minister6-container, .hype-minister7-container {
        aspect-ratio: 0.673 / 1;
        height: var(--hype-aspect-ratio-supported, 380px);
        flex: 0 0 auto;
        place-self: center;
        width: 100%;
        position: relative;
      }

.hype-1pzkbki {
        will-change: var(--hype-will-change-override, transform);
        border-radius: 12px;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        height: 100vh;
        min-height: 768px;
        padding: 8px 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-1bqyzmt {
        background-color: #000001;
        border-radius: 12px;
        flex-flow: column;
        flex: 1 0 0px;
        place-content: center flex-start;
        align-items: center;
        gap: 32px;
        width: 100%;
        height: 1px;
        padding: 24px 32px 32px;
        display: flex;
        position: relative;
        overflow: visible;
      }

.hype-is7cm4-container {
        z-index: 10;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }

.hype-1c2z1xx {
        flex-flow: column;
        flex: 1 0 0px;
        place-content: center;
        align-items: center;
        gap: 24px;
        width: 100%;
        max-width: 1100px;
        height: 1px;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-1aqy0tu, .hype-1l0ev41, .hype-1f2iuex, .hype-zhjggs {
        --hype-link-text-color: #FEB501;
        --hype-link-text-decoration: underline;
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }

.hype-hiwf6v {
        flex: 0 0 auto;
        grid-template-rows: repeat(1, min-content);
        grid-template-columns: repeat(4, minmax(1px, 1fr));
        grid-auto-rows: min-content;
        justify-content: center;
        gap: 8px;
        width: 100%;
        height: min-content;
        padding: 0px;
        display: grid;
        position: relative;
        overflow: visible;
      }

.hype-1f3d7of-container, .hype-1ya032x-container, .hype-db6afo-container, .hype-76fo5h-container, .hype-1ter4qw-container, .hype-an7wr0-container, .hype-191jd9-container, .hype-y2wvwz-container, .hype-b39gam-container, .hype-jp6kql-container, .hype-y5pdqx-container, .hype-g1bei6-container, .hype-cxgypi-container, .hype-33aksz-container, .hype-8d584d-container, .hype-164mrkc-container, .hype-1ht58lg-container, .hype-2tbqcc-container, .hype-jdr13k-container, .hype-9h65ra-container, .hype-11drfry-container, .hype-1bf99yy-container, .hype-16wrh8r-container, .hype-13rxhar-container {
        flex: 0 0 auto;
        place-self: start;
        width: 100%;
        height: 100%;
        position: relative;
      }

.hype-1fbam0o, .hype-11i3ez9, .hype-i78blg, .hype-iou4eb, .hype-16nwv75, .hype-8lurdk, .hype-1f0qawq, .hype-1xkg7as {
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        height: min-content;
        padding: 0px 0px 8px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-fpsvt7, .hype-489qvt, .hype-1y1xn9 {
        background-color: var(--token-6212ea50-3a30-451c-b3f9-3d22f041bda8, #e8eaf1);
        will-change: var(--hype-will-change-override, transform);
        border-radius: 12px;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 0px;
        width: 100%;
        height: min-content;
        padding: 56px 32px 64px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-g57cnu-container, .hype-1pljmdy-container, .hype-1nghe3h-container, .hype-132j25w-container, .hype-faekcj-container, .hype-t865ma-container, .hype-1lb9hfv-container, .hype-1cx12bg-container, .hype-mo9var-container, .hype-b06uqy-container, .hype-1gcreou-container {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }

.hype-o7gr17, .hype-vi6xcf {
        flex: 0 0 auto;
        grid-template-rows: repeat(2, min-content);
        grid-template-columns: repeat(4, minmax(1px, 1fr));
        grid-auto-rows: min-content;
        justify-content: center;
        gap: 8px;
        width: 100%;
        height: min-content;
        padding: 0px;
        display: grid;
        position: relative;
        overflow: hidden;
      }

.hype-1yj0o3d {
        flex: 0 0 auto;
        grid-template-rows: repeat(3, min-content);
        grid-template-columns: repeat(2, minmax(1px, 1fr));
        grid-auto-rows: min-content;
        justify-content: center;
        gap: 8px;
        width: 100%;
        height: min-content;
        padding: 0px;
        display: grid;
        position: relative;
        overflow: hidden;
      }

.hype-1mtq15q {
        background-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        will-change: var(--hype-will-change-override, transform);
        border-radius: 12px;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 0px;
        width: 100%;
        height: min-content;
        padding: 56px 32px 64px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-pjoymz, .hype-njnjga {
        flex: 0 0 auto;
        grid-template-rows: repeat(1, min-content);
        grid-template-columns: repeat(4, minmax(1px, 1fr));
        grid-auto-rows: min-content;
        justify-content: center;
        gap: 8px;
        width: 100%;
        height: min-content;
        padding: 0px;
        display: grid;
        position: relative;
        overflow: hidden;
      }

.hype-1nvrm6l, .hype-ydp4uz, .hype-z2h57k {
        --hype-link-text-color: #FEB501;
        --hype-link-text-decoration: underline;
        white-space: pre;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }

.hype-1csrpk0 {
        background-color: var(--token-6212ea50-3a30-451c-b3f9-3d22f041bda8, #e8eaf1);
        will-change: var(--hype-will-change-override, transform);
        border-radius: 12px;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 0px;
        width: 100%;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-ijowwp {
        background-color: var(--token-6212ea50-3a30-451c-b3f9-3d22f041bda8, #e8eaf1);
        will-change: var(--hype-will-change-override, transform);
        border-radius: 12px;
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 48px;
        width: 100%;
        height: min-content;
        padding: 56px 32px 32px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-apti1s {
        flex-flow: row;
        flex: 0 0 auto;
        place-content: flex-end center;
        align-items: flex-end;
        gap: 10px;
        width: 100%;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-d3fwcs {
        flex-flow: column;
        flex: 1 0 0px;
        place-content: center flex-start;
        align-items: center;
        gap: 20px;
        width: 1px;
        max-width: 560px;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-3idu5t-container {
        aspect-ratio: 1.56765 / 1;
        height: var(--hype-aspect-ratio-supported, 546px);
        flex: 0 0 auto;
        width: 100%;
        position: relative;
      }

.hype-aPaL6 .hype-styles-preset-2gzc8k:not(.rich-text-wrapper), .hype-aPaL6 .hype-styles-preset-2gzc8k.rich-text-wrapper h1 {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 128px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-weight: 400;
        --hype-font-weight-bold: 700;
        --hype-letter-spacing: -6.4px;
        --hype-line-height: 88%;
        --hype-paragraph-spacing: 32px;
        --hype-text-alignment: center;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: uppercase;
      }
@media (max-width: 1159px) and (min-width: 768px) {
.hype-aPaL6 .hype-styles-preset-2gzc8k:not(.rich-text-wrapper), .hype-aPaL6 .hype-styles-preset-2gzc8k.rich-text-wrapper h1 {
          --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-open-type-features: normal;
          --hype-font-size: 104px;
          --hype-font-style: normal;
          --hype-font-style-bold: normal;
          --hype-font-weight: 400;
          --hype-font-weight-bold: 700;
          --hype-letter-spacing: -5.2px;
          --hype-line-height: 88%;
          --hype-paragraph-spacing: 32px;
          --hype-text-alignment: center;
          --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
          --hype-text-decoration: none;
          --hype-text-stroke-color: initial;
          --hype-text-stroke-width: initial;
          --hype-text-transform: uppercase;
        }}
@media (max-width: 767px) and (min-width: 0) {
.hype-aPaL6 .hype-styles-preset-2gzc8k:not(.rich-text-wrapper), .hype-aPaL6 .hype-styles-preset-2gzc8k.rich-text-wrapper h1 {
          --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
          --hype-font-open-type-features: normal;
          --hype-font-size: 48px;
          --hype-font-style: normal;
          --hype-font-style-bold: normal;
          --hype-font-weight: 400;
          --hype-font-weight-bold: 700;
          --hype-letter-spacing: -2.4px;
          --hype-line-height: 88%;
          --hype-paragraph-spacing: 32px;
          --hype-text-alignment: center;
          --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
          --hype-text-decoration: none;
          --hype-text-stroke-color: initial;
          --hype-text-stroke-width: initial;
          --hype-text-transform: uppercase;
        }}
@media (min-width: 768px) and (max-width: 1159.98px) {
.hype-1pzkbki {
          min-height: 740px;
        }
.hype-1c2z1xx {
          max-width: 720px;
        }
.hype-o7gr17, .hype-pjoymz, .hype-njnjga {
          grid-template-columns: repeat(2, minmax(1px, 1fr));
        }
.hype-d3fwcs {
          max-width: 480px;
        }
.hype-3idu5t-container {
          aspect-ratio: 1.25333 / 1;
          height: var(--hype-aspect-ratio-supported, 600px);
        }}
@media (max-width: 767.98px) {
.hype-1pzkbki {
          min-height: 800px;
        }
.hype-1bqyzmt {
          align-content: flex-start;
          align-items: flex-start;
          gap: 24px;
          padding: 94px 24px 32px;
        }
.hype-is7cm4-container {
          width: unset;
          position: absolute;
          top: -8px;
          left: -8px;
          right: -8px;
        }
.hype-1c2z1xx {
          align-content: flex-start;
          align-items: flex-start;
          max-width: 400px;
        }
.hype-hiwf6v, .hype-o7gr17, .hype-1yj0o3d, .hype-pjoymz, .hype-vi6xcf, .hype-hz0xxm, .hype-1yawllm, .hype-njnjga {
          grid-template-columns: repeat(1, minmax(1px, 1fr));
        }
.hype-1f3d7of-container, .hype-1ya032x-container, .hype-db6afo-container, .hype-jp6kql-container, .hype-y5pdqx-container, .hype-g1bei6-container, .hype-cxgypi-container, .hype-33aksz-container, .hype-8d584d-container, .hype-164mrkc-container, .hype-1ht58lg-container, .hype-2tbqcc-container, .hype-jdr13k-container, .hype-9h65ra-container, .hype-11drfry-container, .hype-1bf99yy-container, .hype-16wrh8r-container, .hype-13rxhar-container {
          height: auto;
        }
.hype-fpsvt7, .hype-489qvt, .hype-1mtq15q, .hype-1y1xn9, .hype-hj014j {
          padding: 40px 24px;
        }
.hype-76fo5h-container {
          order: 0;
        }
.hype-1ter4qw-container {
          order: 1;
          height: 480px;
        }
.hype-an7wr0-container {
          order: 3;
          height: 480px;
        }
.hype-191jd9-container {
          order: 2;
        }
.hype-y2wvwz-container {
          order: 4;
        }
.hype-b39gam-container {
          order: 5;
          height: 480px;
        }
.hype-ijowwp {
          gap: 40px;
          padding: 40px 24px 24px;
        }
.hype-d3fwcs, .hype-45cugp {
          max-width: 360px;
        }
.hype-3idu5t-container {
          aspect-ratio: 0.86 / 1;
          height: var(--hype-aspect-ratio-supported, 400px);
        }}

.hype-O9UkP.hype-193ewv5 {
        will-change: var(--hype-will-change-override, transform);
        flex-flow: column;
        place-content: flex-start;
        align-items: flex-start;
        gap: 6px;
        width: 350px;
        height: min-content;
        padding: 32px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-O9UkP .hype-qi3htz, .hype-O9UkP .hype-18tcj1c {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }

.hype-SY8r2.hype-1eog0x1 {
        flex-flow: row;
        place-content: flex-end space-between;
        align-items: flex-end;
        width: 1066px;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: visible;
      }

.hype-SY8r2 .hype-vu4u1c {
        flex-flow: column;
        flex: 1 0 0px;
        place-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        width: 1px;
        max-width: 400px;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: visible;
      }

.hype-SY8r2 .hype-eufxz2 {
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px 0px 0px 4px;
        display: flex;
        position: relative;
        overflow: visible;
      }

.hype-SY8r2 .hype-11abtrf {
        white-space: pre;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }

.hype-SY8r2 .hype-1x0u0bs {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }

.hype-SY8r2 .hype-1p0zcln {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 1 0 0px;
        width: 1px;
        max-width: 280px;
        height: auto;
        position: relative;
      }

.hype-SY8r2 .hype-ep6wh4-container {
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }

.hype-8CuKQ.hype-9wvvyz {
        will-change: var(--hype-will-change-override, transform);
        flex-flow: column;
        place-content: flex-start flex-end;
        align-items: flex-start;
        gap: 0px;
        width: 350px;
        height: 520px;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-8CuKQ .hype-xacoz2 {
        will-change: var(--hype-will-change-override, transform);
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 6px;
        width: 100%;
        height: min-content;
        padding: 32px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-8CuKQ .hype-1sb7n31, .hype-8CuKQ .hype-ky8l5l {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }

.hype-1mjTV.hype-l4fi0e {
        will-change: var(--hype-will-change-override, transform);
        flex-flow: column;
        place-content: flex-start;
        align-items: flex-start;
        gap: 136px;
        width: 529px;
        height: min-content;
        padding: 40px 32px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-1mjTV .hype-n1sdw1 {
        flex-flow: row;
        flex: 0 0 auto;
        place-content: flex-start space-between;
        align-items: flex-start;
        width: 100%;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-1mjTV .hype-1kjjbs1 {
        user-select: none;
        aspect-ratio: 1 / 1;
        height: var(--hype-aspect-ratio-supported, 80px);
        pointer-events: none;
        flex: 0 0 auto;
        width: 80px;
        position: relative;
        overflow: hidden;
      }

.hype-1mjTV .hype-1rjwm8l {
        white-space: pre;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        position: relative;
      }

.hype-1mjTV .hype-jsxw1a {
        flex-flow: column;
        flex: 0 0 auto;
        place-content: flex-start;
        align-items: flex-start;
        gap: 12px;
        width: 100%;
        max-width: 400px;
        height: min-content;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-1mjTV .hype-10t7wd6 {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        max-width: 264px;
        height: auto;
        position: relative;
      }

.hype-1mjTV .hype-rlpsi0 {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }

.hype-wOEoQ.hype-em1akv {
        will-change: var(--hype-will-change-override, transform);
        flex-flow: row;
        place-content: flex-end center;
        align-items: flex-end;
        gap: 0px;
        width: 529px;
        height: 433px;
        padding: 0px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-wOEoQ .hype-t1y1we {
        user-select: none;
        pointer-events: none;
        flex: 1 0 0px;
        width: 1px;
        height: 115%;
        position: relative;
        overflow: hidden;
      }

.hype-yGQVR.hype-n5x9l, .hype-yGQVR .hype-n5x9l {
        display: block;
      }

.hype-yGQVR.hype-1y1n8ta {
        cursor: pointer;
        will-change: var(--hype-will-change-override, transform);
        flex-flow: row;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: 260px;
        height: min-content;
        padding: 48px 32px;
        text-decoration: none;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-yGQVR .hype-1hjrepk {
        user-select: none;
        pointer-events: none;
        flex: 0 0 auto;
        width: 96px;
        height: 48px;
        position: relative;
        overflow: hidden;
      }

.hype-yGQVR .hype-1n1z3tl {
        z-index: 1;
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        min-width: 16px;
        height: min-content;
        min-height: 16px;
        padding: 0px;
        display: flex;
        position: absolute;
        top: 16px;
        right: 16px;
        overflow: hidden;
      }

.hype-yGQVR .hype-1btaxy3 {
        z-index: 1;
        flex-flow: row;
        flex: 0 0 auto;
        place-content: center;
        align-items: center;
        gap: 0px;
        width: min-content;
        height: min-content;
        padding: 0px;
        display: flex;
        position: absolute;
        bottom: -16px;
        left: -16px;
        overflow: hidden;
      }

.hype-yGQVR .hype-1vtfnl6 {
        flex: 0 0 auto;
        width: 16px;
        height: 16px;
        position: relative;
      }

.hype-yGQVR.hype-v-1y1n8ta.hover .hype-1n1z3tl {
        min-height: unset;
        min-width: unset;
      }

.hype-yGQVR.hype-v-1y1n8ta.hover .hype-1btaxy3 {
        bottom: unset;
        left: unset;
        position: relative;
      }

.hype-IbXOz.hype-8gsscp {
        will-change: var(--hype-will-change-override, transform);
        flex-flow: column;
        place-content: flex-start;
        align-items: flex-start;
        gap: 24px;
        width: 244px;
        height: min-content;
        padding: 32px;
        display: flex;
        position: relative;
        overflow: hidden;
      }

.hype-IbXOz .hype-1q3ul6m {
        white-space: pre-wrap;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }

.hype-IbXOz .hype-7b7aob-container {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        position: relative;
      }

.hype-smvMM .hype-styles-preset-a8op9b:not(.rich-text-wrapper), .hype-smvMM .hype-styles-preset-a8op9b.rich-text-wrapper h4 {
        --hype-font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-family-bold: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
        --hype-font-open-type-features: normal;
        --hype-font-size: 24px;
        --hype-font-style: normal;
        --hype-font-style-bold: normal;
        --hype-font-weight: 400;
        --hype-font-weight-bold: 700;
        --hype-letter-spacing: -0.72px;
        --hype-line-height: 104%;
        --hype-paragraph-spacing: 20px;
        --hype-text-alignment: left;
        --hype-text-color: var(--token-6df0ccc7-0a3b-4fc4-b4e5-e2e38aedab96, #FF8000);
        --hype-text-decoration: none;
        --hype-text-stroke-color: initial;
        --hype-text-stroke-width: initial;
        --hype-text-transform: uppercase;
      }

.hype-text[data-text-fill] {
        display: inline-block;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        padding: max(
          0em,
          calc(calc(1.3em - var(--hype-blockquote-line-height, var(--hype-line-height, 1.3em))) / 2)
        );
        margin: min(
          0em,
          calc(calc(1.3em - var(--hype-blockquote-line-height, var(--hype-line-height, 1.3em))) / -2)
        );
      }

blockquote.hype-text {
        margin-block: initial;
        margin-inline: initial;
        unicode-bidi: initial;
      }

ol.hype-text > li.hype-text::before {
        position: absolute;
        inset-inline-start: 0px;
        content: counter(list-item, var(--list-style-type)) ".";
        font-variant-numeric: tabular-nums;
      }

ul.hype-text > li.hype-text::before {
        position: absolute;
        inset-inline-start: 0px;
        content: "•";
      }

td.hype-text, th.hype-text {
        min-width: 16ch;
        vertical-align: top;
      }

/* ==================== breakpoint-variant visibility (global) ====================
   Component markup carries the homepage's ssr-variant hashes
   (72rtr7=desktop, 1ifeqif=tablet, aq1d34=mobile). These rules hide the
   inactive variants on EVERY page, so components render one variant only. */
@media (min-width: 1160px) {
  .hidden-72rtr7 { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1159.98px) {
  .hidden-1ifeqif { display: none !important; }
}
@media (max-width: 767.98px) {
  .hidden-aq1d34 { display: none !important; }
}

/* ==================== CMS blog post body ==================== */
.hype-post-body { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.hype-post-body h2 { margin-top: 24px; }
.hype-post-body h3 { margin-top: 16px; }
.hype-post-body .hype-post-img { width: 100%; max-width: 720px; border-radius: 12px; margin: 24px auto; display: block; }

/* ==================== ministers + partners headers ====================
   Two-sided like the other sections: heading left, paragraph far right
   with its text link directly underneath (see .hype-para-link wrapper). */
.hype-para-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 0 0 auto !important;
  width: 420px !important;
  max-width: 100%;
}
.hype-para-link > * {
  width: 100% !important;
  flex: 0 0 auto !important;
}
.hype-para-link a { width: auto !important; }
@media (max-width: 767.98px) {
  .hype-para-link { width: 100% !important; }
}

/* On tablet/mobile these headers keep the full desktop variant (the only one
   containing the paragraph + link), stacked by the standard mobile rules. */
#speakers .hype-fpsvt7 .ssr-variant:not(:has(.hype-para-link)),
#partners .hype-1mtq15q .ssr-variant:not(:has(.hype-para-link)) {
  display: none !important;
}
#speakers .hype-fpsvt7 .ssr-variant:has(.hype-para-link),
#partners .hype-1mtq15q .ssr-variant:has(.hype-para-link) {
  display: contents !important;
}
@media (max-width: 1159.98px) { .hype-partners-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 767.98px) { .hype-partners-grid { grid-template-columns: 1fr !important; } }

/* ==================== Registration page (/register/) ====================
   Speaks the site language: dark #0c0c0c card on the paper frame, 24px
   radius, Space Grotesk, orange #FF8000 / gold #FEB501, 12px-radius inputs
   and pill CTA (matching the contact form + hero buttons). */
.hype-reg-section { width: 100%; padding: 8px 0; }
.hype-reg-card {
  width: 100%;
  background: #ffffff;
  border-radius: 24px;
  padding: clamp(36px, 5vw, 80px) clamp(24px, 6vw, 96px);
  color: #0c0c0c;
  font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
  box-sizing: border-box;
}
.hype-reg-inner { max-width: 1160px; margin: 0 auto; }
.hype-reg-intro { max-width: 620px; margin: 0 0 40px; }
.hype-reg-eyebrow {
  color: #FF8000; font-size: 13px; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; margin: 0 0 16px;
}
.hype-reg-title {
  font-size: clamp(30px, 4vw, 48px); line-height: 1; font-weight: 500;
  letter-spacing: -0.03em; text-transform: uppercase; margin: 0 0 16px; color: #0c0c0c;
}
.hype-reg-lead { color: rgba(12,12,12,0.6); font-size: 15px; line-height: 1.6; margin: 0; }
.hype-reg-form { margin: 0; }
.hype-reg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 20px; }
.hype-reg-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.hype-reg-label {
  font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(12,12,12,0.55);
}
.hype-reg-input {
  width: 100%; box-sizing: border-box;
  background: #f4f4f4;
  border: 1px solid rgba(12,12,12,0.14);
  border-radius: 12px;
  color: #0c0c0c;
  font-family: inherit; font-size: 15px;
  padding: 15px 16px;
  outline: none;
  transition: border-color 0.18s ease, background 0.18s ease;
}
.hype-reg-input::placeholder { color: rgba(12,12,12,0.38); }
.hype-reg-input:focus { border-color: #FF8000; background: #fff; }
.hype-reg-selectwrap { position: relative; }
.hype-reg-selectwrap::after {
  content: ""; position: absolute; right: 18px; top: 50%; width: 9px; height: 9px;
  border-right: 2px solid rgba(12,12,12,0.45); border-bottom: 2px solid rgba(12,12,12,0.45);
  transform: translateY(-70%) rotate(45deg); pointer-events: none;
}
select.hype-reg-input { appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 40px; }
select.hype-reg-input option { background: #fff; color: #0c0c0c; }
.hype-reg-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.hype-reg-submit {
  display: inline-flex; align-items: center; gap: 10px;
  margin-top: 28px;
  background: #FF8000; color: #fff;
  border: 0; border-radius: 1000px;
  font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; text-decoration: none;
  padding: 17px 34px; cursor: pointer;
  transition: transform 0.15s ease, filter 0.15s ease;
}
.hype-reg-submit:hover { filter: brightness(1.08); }
.hype-reg-submit:active { transform: scale(0.98); }
.hype-reg-submit[disabled], .hype-reg-submit.is-loading { opacity: 0.65; cursor: progress; }
.hype-reg-arrow { transition: transform 0.2s ease; }
.hype-reg-submit:hover .hype-reg-arrow { transform: translate(2px, -2px); }
.hype-reg-status { min-height: 20px; margin: 16px 0 0; font-size: 14px; color: #c77800; }
.hype-reg-status.is-error { color: #ff6a4d; }
/* success state */
.hype-reg-success { max-width: 560px; }
.hype-reg-check {
  width: 64px; height: 64px; border-radius: 50%;
  background: #FF8000; color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 32px; margin: 0 0 26px;
}
.hype-reg-back { margin-top: 30px; }
@media (max-width: 767.98px) {
  .hype-reg-grid { grid-template-columns: 1fr; gap: 18px; }
  .hype-reg-intro { margin-bottom: 30px; }
}

/* ==================== Partner With Us (partners page) ====================
   Mirrors the contact section: gold #FEB501 band, dark form card, gold pill.
   Replaces the shared contact-us section on /partners/. */
.hype-pf { width: 100%; padding: 8px 0; }
.hype-pf-inner {
  background: #FEB501;
  border-radius: 24px;
  padding: clamp(32px, 5vw, 72px) clamp(24px, 5vw, 64px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 5vw, 72px);
  align-items: start;
  font-family: "Space Grotesk", "Space Grotesk Placeholder", sans-serif;
  box-sizing: border-box;
}
.hype-pf-left { color: #0c0c0c; }
.hype-pf-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 18px; color: #0c0c0c; }
.hype-pf-heading {
  font-size: clamp(40px, 6vw, 72px); line-height: 0.95; font-weight: 500;
  letter-spacing: -0.04em; text-transform: uppercase; margin: 0 0 24px; color: #0c0c0c;
}
.hype-pf-blurb { font-size: 15px; line-height: 1.6; color: rgba(12,12,12,0.75); margin: 0 0 24px; max-width: 420px; }
.hype-pf-mail {
  display: inline-block; color: #0c0c0c; text-decoration: none;
  border: 1px solid rgba(12,12,12,0.35); border-radius: 1000px;
  padding: 13px 24px; font-size: 14px; font-weight: 600;
  transition: background 0.18s ease, color 0.18s ease;
}
.hype-pf-mail:hover { background: #0c0c0c; color: #FEB501; }
/* dark form card */
.hype-pf-card {
  background: #0c0c0c;
  border-radius: 20px;
  padding: clamp(28px, 3.5vw, 44px);
  color: #f4f4f4;
}
.hype-pf-card-title {
  font-size: clamp(24px, 3vw, 34px); line-height: 1.05; font-weight: 500;
  letter-spacing: -0.02em; text-transform: uppercase; margin: 0 0 26px; color: #FEB501;
}
.hype-pf-form { margin: 0; }
.hype-pf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.hype-pf-field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; min-width: 0; }
.hype-pf-row .hype-pf-field { margin-bottom: 18px; }
.hype-pf-label { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(244,244,244,0.6); }
.hype-pf-input {
  width: 100%; box-sizing: border-box;
  background: rgba(244,244,244,0.04);
  border: 1px solid rgba(244,244,244,0.25);
  border-radius: 12px;
  color: #f4f4f4; font-family: inherit; font-size: 15px;
  padding: 14px 16px; outline: none;
  transition: border-color 0.18s ease, background 0.18s ease;
}
.hype-pf-input::placeholder { color: rgba(244,244,244,0.4); }
.hype-pf-input:focus { border-color: #FEB501; background: rgba(244,244,244,0.06); }
.hype-pf-textarea { resize: vertical; line-height: 1.5; min-height: 84px; }
.hype-pf-selectwrap { position: relative; }
.hype-pf-selectwrap::after {
  content: ""; position: absolute; right: 18px; top: 50%; width: 9px; height: 9px;
  border-right: 2px solid rgba(244,244,244,0.5); border-bottom: 2px solid rgba(244,244,244,0.5);
  transform: translateY(-70%) rotate(45deg); pointer-events: none;
}
select.hype-pf-input { appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 40px; }
select.hype-pf-input option { background: #161616; color: #f4f4f4; }
.hype-pf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.hype-pf-submit {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; margin-top: 8px;
  background: #FEB501; color: #0c0c0c;
  border: 0; border-radius: 1000px;
  font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; text-decoration: none;
  padding: 17px 30px; cursor: pointer;
  transition: transform 0.15s ease, filter 0.15s ease;
}
.hype-pf-submit:hover { filter: brightness(1.06); }
.hype-pf-submit:active { transform: scale(0.98); }
.hype-pf-submit[disabled], .hype-pf-submit.is-loading { opacity: 0.65; cursor: progress; }
.hype-pf-arrow { transition: transform 0.2s ease; }
.hype-pf-submit:hover .hype-pf-arrow { transform: translate(2px, -2px); }
.hype-pf-status { min-height: 20px; margin: 14px 0 0; font-size: 14px; color: #FEB501; text-align: center; }
.hype-pf-status.is-error { color: #ff6a4d; }
.hype-pf-success { text-align: left; }
.hype-pf-check {
  width: 60px; height: 60px; border-radius: 50%;
  background: #FEB501; color: #0c0c0c;
  display: flex; align-items: center; justify-content: center;
  font-size: 30px; margin: 0 0 22px;
}
.hype-pf-success-text { font-size: 15px; line-height: 1.6; color: rgba(244,244,244,0.7); margin: 0; }
@media (max-width: 809.98px) {
  .hype-pf-inner { grid-template-columns: 1fr; gap: 32px; }
  .hype-pf-row { grid-template-columns: 1fr; gap: 0; }
}