/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root, :host {
    --font-sans: "IBM Plex Sans", sans-serif;
    --spacing: 0.25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-arp-ink: #090a0d;
    --color-arp-paper: #f5f2eb;
    --color-arp-gold: #c65100;
    --color-arp-gold-bright: #ff6500;
    --color-arp-gold-soft: #f3b27a;
    --color-arp-line: rgba(245, 242, 235, .14);
    --color-arp-muted: #9b9ca0;
    --color-arp-muted-dark: #6e7076;
    --color-arp-cta: #22c55e;
    --color-arp-cta-bright: #4ade80;
    --font-display: "Bricolage Grotesque", sans-serif;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .hidden {
    display: none;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
body {
  background-color: var(--color-arp-ink);
  font-family: var(--font-sans);
  font-size: 15px;
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
  color: var(--color-arp-paper);
}
h1,
 h2,
 h3,
 .brand-copy strong {
  font-family: var(--font-display);
}
h1,
 h2 {
  --tw-tracking: -3.5px;
  letter-spacing: -3.5px;
}
.main-nav a,
 .header-link {
  font-size: 10px;
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  --tw-tracking: 1.1px;
  letter-spacing: 1.1px;
}
.eyebrow {
  font-size: 10px;
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  --tw-tracking: 1.8px;
  letter-spacing: 1.8px;
}
.hero-support,
 .section-description,
 .section-cta,
 .service-card p,
 .event-content p,
 .runbook-copy p {
  font-size: 12px;
  --tw-leading: 1.5;
  line-height: 1.5;
}
.hero-meta {
  font-size: 10px;
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  --tw-tracking: 1.1px;
  letter-spacing: 1.1px;
}
.hero-cta > span {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.hero-cta:hover > span {
  --tw-translate-x: var(--spacing);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.page-shell .hero-side .stage-placeholder {
  border: 0;
  background: transparent;
}
.page-shell .hero-side .stage-placeholder::after {
  display: none;
}
.hero-side .stage-placeholder::before {
  display: none;
}
.hero-side .stage-placeholder .stage-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: none;
  filter: saturate(1.08) contrast(1.06);
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 52%, rgba(0, 0, 0, .25) 84%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0%, #000 52%, rgba(0, 0, 0, .25) 84%, transparent 100%);
}
.hero-side .stage-placeholder:hover .stage-photo {
  transform: none;
}
.hero-side .stage-placeholder > .placeholder-index,
 .hero-side .stage-placeholder > .stage-rig,
 .hero-side .stage-placeholder > .placeholder-note {
  visibility: hidden;
}
.page-shell .led-visual .led-photo {
  object-position: center;
}
.button-primary,
 .button-light {
  border-color: var(--color-arp-cta);
  background-color: var(--color-arp-cta);
  color: var(--color-arp-ink);
}
.button-primary:hover,
 .button-light:hover {
  border-color: var(--color-arp-cta-bright);
  background-color: var(--color-arp-cta-bright);
  color: var(--color-arp-ink);
}
.button-outline {
  border-color: var(--color-arp-cta);
  background-color: var(--color-arp-cta);
  color: var(--color-arp-ink);
}
.button,
 .button-primary,
 .button-outline,
 .button-light {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 3);
  border-style: var(--tw-border-style);
  border-width: 1px;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 3.5);
  font-size: 11px;
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  --tw-tracking: 1px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition-property: transform,background,color,border-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.button span {
  font-size: 18px;
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-arp-ink);
}
.header-link span {
  font-size: 18px;
  --tw-leading: 1;
  line-height: 1;
}
.field > span {
  margin-bottom: calc(var(--spacing) * 1.5);
  font-size: 10px;
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  --tw-tracking: 1.1px;
  letter-spacing: 1.1px;
}
.field input,
 .field select {
  font-size: 14px;
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.form-microcopy {
  margin-top: calc(var(--spacing) * 3);
  font-size: 11px;
  --tw-leading: 1.5;
  line-height: 1.5;
}
.form-submit {
  margin-top: var(--spacing);
  width: 100%;
}
.form-state {
  margin-top: calc(var(--spacing) * 3);
  padding: calc(var(--spacing) * 2);
  font-size: 11px;
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}
.button:hover,
 .button-primary:hover,
 .button-outline:hover,
 .button-light:hover {
  --tw-translate-y: calc(var(--spacing) * -0.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-color: var(--color-arp-cta-bright);
  background-color: var(--color-arp-cta-bright);
  color: var(--color-arp-ink);
}
.button-outline:hover {
  border-color: var(--color-arp-cta-bright);
  background-color: var(--color-arp-cta-bright);
  color: var(--color-arp-ink);
}
.final-copy h2 em {
  color: var(--color-arp-gold-bright);
}
.hero {
  min-height: 650px;
  padding-block: calc(var(--spacing) * 16);
}
.trust-strip {
  min-height: 88px;
}
.services,
 .events,
 .process {
  padding-top: 84px;
  padding-bottom: calc(var(--spacing) * 24);
}
.page-shell .integration {
  padding-top: 72px;
  padding-bottom: 84px;
  background: #fff1e8;
}
.led,
 .audience,
 .final-cta {
  padding-top: 88px;
  padding-bottom: calc(var(--spacing) * 24);
}
.section-head {
  margin-bottom: calc(var(--spacing) * 10);
}
.process-runbook {
  position: relative;
  display: grid;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-arp-line);
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.process-runbook::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 1px;
  background: linear-gradient(90deg, var(--color-arp-gold), var(--color-arp-line) 82%, transparent);
}
.runbook-step {
  position: relative;
  display: flex;
  min-height: 208px;
  flex-direction: column;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
  border-color: var(--color-arp-line);
  padding-inline: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 8);
  padding-bottom: calc(var(--spacing) * 6);
}
.runbook-step:last-child {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
.runbook-time {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: calc(var(--spacing) * 2);
  padding-top: var(--spacing);
}
.runbook-time span {
  color: var(--color-arp-gold-bright);
}
.runbook-time small {
  color: var(--color-arp-muted-dark);
  writing-mode: horizontal-tb;
  transform: none;
}
.runbook-marker {
  position: absolute;
  top: 18px;
  left: calc(var(--spacing) * 4);
  margin: 0px;
  height: 11px;
  width: 11px;
}
.runbook-copy {
  margin-top: calc(var(--spacing) * 7);
}
.runbook-copy h3 {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: 19px;
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.runbook-copy p {
  max-width: none;
  font-size: 12px;
}
.site-footer {
  min-height: 130px;
}
.service-rack {
  display: grid;
  min-height: 510px;
  gap: 0px;
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
  border-color: var(--color-arp-line);
  padding-block: 0px;
  grid-template-columns: minmax(270px, .72fr) minmax(0, 1.28fr);
}
.service-list {
  display: flex;
  flex-direction: column;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-arp-line);
}
.service-tab {
  display: grid;
  min-height: 0px;
  flex: 1;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-arp-line);
  background-color: transparent;
  padding-block: calc(var(--spacing) * 3.5);
  padding-right: 18px;
  padding-left: 0px;
  text-align: left;
  color: var(--color-arp-muted);
  transition-property: color,padding,background;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  grid-template-columns: 42px 1fr 24px;
}
.service-tab:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.service-tab b {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: inherit;
}
.service-tab .card-number,
 .service-tab-arrow {
  color: var(--color-arp-muted-dark);
}
.service-tab-arrow {
  font-size: 17px;
  opacity: 0%;
  transition-property: opacity,transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.service-tab:hover,
 .service-tab.is-active {
  padding-left: calc(var(--spacing) * 3);
  color: var(--color-arp-paper);
  background: linear-gradient(90deg, rgba(198, 81, 0, .16), transparent);
}
.service-tab.is-active .card-number,
 .service-tab.is-active .service-tab-arrow {
  color: var(--color-arp-gold-bright);
}
.service-tab.is-active .service-tab-arrow {
  --tw-translate-x: 3px;
  --tw-translate-y: -3px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 100%;
}
.service-detail {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-arp-line);
  padding: 32px clamp(26px, 5vw, 74px) 35px;
  background: linear-gradient(135deg, rgba(198, 81, 0, .12), transparent 55%);
}
.service-detail::after {
  display: none;
  content: '';
  pointer-events: none;
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  top: 48%;
  background: linear-gradient(to top, rgba(9, 10, 13, .93), rgba(9, 10, 13, .58) 44%, transparent);
}
.service-detail-top {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service-detail-main {
  z-index: 2;
  flex: 1;
}
.service-detail-copy {
  position: absolute;
  z-index: 2;
  max-width: 520px;
  right: clamp(26px, 5vw, 74px);
  bottom: 35px;
  left: clamp(26px, 5vw, 74px);
}
.service-detail-media {
  position: absolute;
  inset: 0px;
  z-index: 0;
  margin: 0px;
  max-width: none;
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.service-detail-photo {
  position: absolute;
  inset: 0px;
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: brightness(.72) saturate(.9);
}
.service-detail .service-icon {
  margin: 0px;
  height: auto;
  font-size: 52px;
  color: var(--color-arp-gold-bright);
}
.service-detail h3 {
  margin: auto;
  margin-bottom: 17px;
  max-width: 100%;
  align-self: flex-start;
  --tw-leading: .95;
  line-height: .95;
  color: var(--color-arp-paper);
  font-size: clamp(40px, 5vw, 70px);
}
.service-detail p {
  margin-bottom: 29px;
  max-width: 470px;
  font-size: 13px;
  color: rgba(245, 242, 235, .82);
}
.service-detail .button {
  align-self: flex-start;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
a {
  color: inherit;
  text-decoration-line: none;
}
button,
 input,
 select {
  font-family: inherit;
}
.page-shell {
  margin-inline: 0px;
  width: 100%;
  max-width: none;
  overflow: hidden;
  background-color: var(--color-arp-ink);
}
.section-pad {
  padding-inline: clamp(25px, 7vw, 112px);
}
.site-header {
  position: sticky;
  top: 0px;
  z-index: 20;
  display: flex;
  height: 86px;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 7);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-arp-line);
  background-color: color-mix(in srgb, #090a0d 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-arp-ink) 85%, transparent);
  }
  padding-inline: clamp(25px, 7vw, 112px);
  backdrop-filter: blur(18px);
}
.brand {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
}
.brand-mark {
  display: block;
  height: 39px;
  width: 39px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-arp-gold);
  box-shadow: 0 0 0 3px rgba(198, 81, 0, .12);
}
.brand-mark img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.brand-copy {
  display: flex;
  flex-direction: column;
  --tw-leading: 1;
  line-height: 1;
  text-transform: uppercase;
}
.brand-copy strong {
  font-size: 18px;
  --tw-tracking: 3px;
  letter-spacing: 3px;
  color: var(--color-arp-gold-bright);
}
.brand-copy small {
  margin-top: var(--spacing);
  font-size: 7px;
  --tw-tracking: 2px;
  letter-spacing: 2px;
  color: var(--color-arp-muted);
}
.main-nav {
  margin-left: auto;
  display: flex;
  gap: clamp(18px, 2.3vw, 36px);
}
.main-nav a,
 .header-link {
  color: var(--color-arp-muted);
  text-transform: uppercase;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.main-nav a:hover,
 .header-link:hover,
 .main-nav a.is-active {
  color: var(--color-arp-gold-bright);
}
.header-link {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  color: var(--color-arp-paper);
}
.menu-toggle {
  display: none;
  height: 35px;
  width: 35px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-arp-line);
  background-color: transparent;
  padding: calc(var(--spacing) * 2);
}
.menu-toggle span {
  margin-block: 5px;
  display: block;
  height: 1px;
  background-color: var(--color-arp-gold-bright);
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-arp-gold-bright);
  text-transform: uppercase;
}
.eyebrow span {
  display: inline-block;
  height: 1px;
  width: 25px;
  background-color: var(--color-arp-gold);
}
h1,
 h2,
 h3,
 p {
  margin-top: 0px;
}
h1,
 h2,
 h3 {
  --tw-leading: 1.04;
  line-height: 1.04;
}
h1 em,
 h2 em {
  color: var(--color-arp-gold-bright);
  font-style: normal;
}
.hero {
  position: relative;
  display: grid;
  min-height: 650px;
  align-items: center;
  gap: clamp(42px, 7vw, 112px);
  overflow: hidden;
  padding-block: 84px;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
  isolation: isolate;
  background: radial-gradient(circle at 86% 24%, rgba(198, 81, 0, .13), transparent 24%), linear-gradient(135deg, #111319 0%, var(--color-arp-ink) 58%);
}
.hero::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0px;
  z-index: 0;
  background: linear-gradient(90deg, rgba(9, 10, 13, .99) 0%, rgba(9, 10, 13, .91) 28%, rgba(9, 10, 13, .52) 52%, rgba(9, 10, 13, .16) 74%, transparent 100%);
}
.hero-copy {
  position: relative;
  z-index: 1;
  max-width: 700px;
}
.hero-copy h1 {
  margin-block: 27px;
  max-width: 720px;
  font-size: clamp(56px, 7.5vw, 108px);
}
.hero-subtitle {
  margin-bottom: calc(var(--spacing) * 3.5);
  max-width: 480px;
  font-size: clamp(17px, 1.5vw, 21px);
  --tw-leading: 1.45;
  line-height: 1.45;
  color: var(--color-arp-paper);
}
.hero-support {
  margin-bottom: 0px;
  max-width: 430px;
  color: var(--color-arp-muted);
}
.hero-meta {
  margin-top: 53px;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 3);
  color: var(--color-arp-gold-soft);
  text-transform: uppercase;
}
.hero-meta i {
  display: block;
  height: var(--spacing);
  width: var(--spacing);
  border-radius: calc(infinity * 1px);
  background-color: var(--color-arp-gold);
}
.hero-side {
  position: absolute;
  inset: 0px;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.hero-side .stage-placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.media-placeholder {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #ff6500 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-arp-gold-bright) 30%, transparent);
  }
  background: linear-gradient(135deg, rgba(198, 81, 0, .23), transparent 36%), repeating-linear-gradient(135deg, rgba(245, 242, 235, .035) 0 1px, transparent 1px 15px), #12151b;
}
.media-placeholder::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 11px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #f5f2eb 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-arp-paper) 10%, transparent);
  }
}
.placeholder-index {
  position: absolute;
  top: 18px;
  left: 19px;
  font-size: 9px;
  --tw-tracking: 1.8px;
  letter-spacing: 1.8px;
  color: var(--color-arp-gold-bright);
}
.placeholder-note {
  position: absolute;
  right: 19px;
  bottom: 17px;
  left: 19px;
  font-size: 8px;
  --tw-tracking: .8px;
  letter-spacing: .8px;
  color: color-mix(in srgb, #f5f2eb 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-arp-paper) 50%, transparent);
  }
  text-transform: uppercase;
}
.lead-form {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-arp-line);
  background-color: color-mix(in srgb, #090a0d 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-arp-ink) 90%, transparent);
  }
  padding: 25px;
  color: var(--color-arp-paper);
  box-shadow: 17px 17px 0 rgba(9, 10, 13, .13);
}
.field {
  margin-bottom: calc(var(--spacing) * 3);
  display: block;
}
.field input,
 .field select {
  height: 46px;
  width: 100%;
  border-radius: 0;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-arp-line);
  background-color: #0d0f13;
  padding-inline: calc(var(--spacing) * 3);
  color: var(--color-arp-paper);
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
}
.field input::placeholder {
  color: #686a70;
}
.field input:focus,
 .field select:focus {
  border-color: var(--color-arp-gold-bright);
  box-shadow: 0 0 0 2px rgba(240, 122, 42, .12);
}
.custom-select {
  position: relative;
}
.custom-select-trigger {
  display: flex;
  height: 46px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-arp-line);
  background-color: #0d0f13;
  padding-inline: calc(var(--spacing) * 3);
  text-align: left;
  font-size: 14px;
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  color: var(--color-arp-paper);
  transition-property: border-color,box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.custom-select-trigger:hover,
 .custom-select[data-open] .custom-select-trigger,
 .custom-select-trigger[aria-invalid="true"] {
  border-color: var(--color-arp-gold-bright);
  box-shadow: 0 0 0 2px rgba(240, 122, 42, .12);
}
.custom-select-icon {
  font-size: 18px;
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-arp-gold-bright);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.custom-select[data-open] .custom-select-icon {
  rotate: 180deg;
}
.custom-select-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0px;
  left: 0px;
  z-index: 60;
  margin: 0px;
  list-style-type: none;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-arp-gold-bright);
  background-color: #0d0f13;
  padding: var(--spacing);
  --tw-shadow: 0 14px 30px var(--tw-shadow-color, rgba(9,10,13,.35));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.final-cta .custom-select-menu {
  top: auto;
  bottom: calc(100% + 6px);
}
.custom-select-menu li {
  cursor: pointer;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: 13px;
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  color: var(--color-arp-muted);
  transition-property: background,color,padding;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.custom-select-menu li:hover,
 .custom-select-menu li.is-selected {
  background-color: var(--color-arp-gold-bright);
  color: var(--color-arp-paper);
  --tw-outline-style: none;
  outline-style: none;
}
.custom-select-menu li:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-offset: -2px;
  outline-color: var(--color-arp-gold-bright);
}
.trust-strip {
  display: grid;
  min-height: 88px;
  align-items: center;
  gap: 30px;
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
  border-color: var(--color-arp-line);
  background-color: #0d0f13;
  grid-template-columns: auto 1fr auto;
}
.strip-label,
 .strip-note {
  --tw-tracking: 1.5px;
  letter-spacing: 1.5px;
  color: var(--color-arp-muted);
  text-transform: uppercase;
}
.placeholder-brands {
  display: flex;
  justify-content: space-between;
  gap: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: 1.6px;
  letter-spacing: 1.6px;
  color: color-mix(in srgb, #f5f2eb 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-arp-paper) 50%, transparent);
  }
}
.section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 45px;
}
.section-head h2 {
  margin-top: calc(var(--spacing) * 6);
  max-width: 650px;
  font-size: clamp(43px, 5vw, 76px);
}
.section-description {
  margin-bottom: var(--spacing);
  max-width: 295px;
  color: var(--color-arp-muted);
}
.section-cta {
  margin-top: 38px;
  display: flex;
  align-items: center;
  gap: 25px;
  color: var(--color-arp-muted);
}
.service-card {
  position: relative;
  min-height: 240px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-arp-line);
  background-color: #0d0f13;
  padding: 22px;
  transition-property: transform,background,border-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.service-card:hover {
  --tw-translate-y: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-color: color-mix(in srgb, #ff6500 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-arp-gold-bright) 55%, transparent);
  }
  background-color: var(--color-arp-ink);
}
.service-card h3 {
  margin-block: calc(var(--spacing) * 2.5);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: 21px;
  --tw-tracking: -.8px;
  letter-spacing: -.8px;
}
.service-card > a {
  position: absolute;
  right: calc(var(--spacing) * 5);
  bottom: 15px;
  font-size: 20px;
  color: var(--color-arp-gold-bright);
}
.card-number {
  font-size: 9px;
  --tw-tracking: 1.4px;
  letter-spacing: 1.4px;
  color: var(--color-arp-gold-bright);
}
.event-grid {
  display: flex;
  gap: calc(var(--spacing) * 3.5);
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: calc(var(--spacing) * 3);
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--color-arp-gold) rgba(245,242,235,.12);
}
.event-card {
  min-width: calc(33.333% - 10px);
  scroll-snap-align: start;
  background-color: var(--color-arp-ink);
}
.event-content {
  min-height: 167px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
  border-color: var(--color-arp-line);
  padding-inline: calc(var(--spacing) * 5);
  padding-top: 21px;
  padding-bottom: calc(var(--spacing) * 6);
}
.event-content h3 {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: 18px;
  --tw-tracking: -.5px;
  letter-spacing: -.5px;
}
.event-content a {
  --tw-tracking: 1px;
  letter-spacing: 1px;
  color: var(--color-arp-gold-bright);
  text-transform: uppercase;
}
.integration-copy > p {
  max-width: 420px;
  font-size: 13px;
}
.integration-copy > strong {
  margin-block: 27px;
  margin-bottom: 33px;
  display: block;
  font-size: 17px;
  --tw-leading: 1.4;
  line-height: 1.4;
}
.integration-visual {
  position: relative;
  display: grid;
  min-height: 430px;
  place-items: center;
}
.audience {
  display: grid;
  gap: clamp(45px, 9vw, 135px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.audience h2 {
  margin-block: calc(var(--spacing) * 6);
  margin-bottom: 27px;
  max-width: 650px;
  font-size: clamp(43px, 5vw, 75px);
}
.audience > div:first-child > p:not(.eyebrow) {
  margin-bottom: 33px;
  max-width: 380px;
  font-size: 13px;
  color: var(--color-arp-muted);
}
.audience-list {
  align-self: center;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-arp-line);
}
.audience-option {
  display: grid;
  min-height: 58px;
  width: 100%;
  cursor: pointer;
  align-items: center;
  gap: 13px;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-arp-line);
  background-color: transparent;
  padding-block: 13px;
  text-align: left;
  color: var(--color-arp-muted);
  transition-property: color,padding,background;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  grid-template-columns: 36px 1fr 24px;
}
.audience-option:hover,
 .audience-option.is-active {
  padding-left: 11px;
  color: var(--color-arp-paper);
  background: linear-gradient(90deg, rgba(198, 81, 0, .14), transparent);
}
.audience-option i {
  margin: 0px;
  font-size: 8px;
  color: var(--color-arp-gold-bright);
  font-style: normal;
}
.audience-option span {
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding: 0px;
  font-family: var(--font-display);
  font-size: 18px;
}
.audience-option b {
  font-size: 17px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: var(--color-arp-gold-bright);
  opacity: 0%;
  transition-property: opacity,transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.audience-option:hover b,
 .audience-option.is-active b {
  --tw-translate-x: 3px;
  --tw-translate-y: -3px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 100%;
}
.final-cta {
  display: grid;
  gap: clamp(45px, 9vw, 140px);
  color: var(--color-arp-ink);
  grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
  background: #fff1e8;
}
.final-copy h2 {
  margin-top: calc(var(--spacing) * 6);
  font-size: clamp(56px, 7vw, 100px);
}
.final-copy > p:last-child {
  margin-top: 33px;
  font-size: 14px;
}
.final-cta .eyebrow {
  color: var(--color-arp-ink);
}
.final-cta .eyebrow span {
  background-color: var(--color-arp-ink);
}
.form-light {
  border-color: var(--color-arp-ink);
  background-color: color-mix(in srgb, #090a0d 94%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-arp-ink) 94%, transparent);
  }
  color: var(--color-arp-paper);
}
.site-footer {
  position: relative;
  display: flex;
  min-height: 130px;
  align-items: center;
  gap: 45px;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-arp-line);
}
.site-footer > p {
  font-size: 12px;
  color: var(--color-arp-muted);
}
.footer-placeholder {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing);
  font-size: 9px;
  --tw-tracking: 1px;
  letter-spacing: 1px;
  color: var(--color-arp-gold-bright);
  text-transform: uppercase;
}
.copyright {
  position: absolute;
  bottom: 13px;
  left: 0px;
  font-size: 8px;
  color: #66686e;
}
@media (max-width: 680px) {
  .hero {
    min-height: 0px;
    padding-top: 60px;
    padding-bottom: 58px;
  }
  .services,
  .events,
  .process,
  .led,
  .audience,
  .final-cta {
    padding-top: 60px;
    padding-bottom: 68px;
  }
  .page-shell .integration {
    padding-top: 60px;
    padding-bottom: 68px;
  }
  .section-head {
    margin-bottom: calc(var(--spacing) * 7);
  }
  h1,
  h2 {
    --tw-tracking: -2.5px;
    letter-spacing: -2.5px;
  }
  .button,
  .button-primary,
  .button-outline,
  .button-light,
  .sticky-mobile-cta {
    font-size: 11px;
  }
  .process-runbook {
    display: block;
  }
  .process-runbook::before {
    top: 0px;
    bottom: 0px;
    left: calc(var(--spacing) * 7);
    height: auto;
    width: 1px;
    right: auto;
    background: linear-gradient(var(--color-arp-gold), var(--color-arp-line) 75%, transparent);
  }
  .runbook-step,
  .runbook-step:last-child {
    display: grid;
    min-height: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-arp-line);
    padding-inline: 0px;
    padding-block: 22px;
    grid-template-columns: 58px 20px minmax(0, 1fr);
  }
  .runbook-step:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .runbook-time {
    flex-direction: column;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2);
    padding-top: 0px;
  }
  .runbook-time small {
    font-size: 7px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
  .runbook-marker {
    position: relative;
    top: auto;
    left: auto;
    margin-inline: auto;
    margin-top: 5px;
    height: 11px;
    width: 11px;
  }
  .runbook-copy {
    margin-top: 0px;
  }
  .service-rack {
    display: block;
    min-height: 0px;
    padding-block: 0px;
  }
  .service-list {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-arp-line);
  }
  .service-tab {
    min-height: 64px;
    padding-right: 0px;
  }
  .service-detail {
    min-height: 360px;
    margin-top: 0;
    padding: 28px 21px 30px;
  }
  .service-detail-copy {
    right: 21px;
    bottom: 30px;
    left: 21px;
  }
  .service-detail-main {
    flex: 1;
  }
  .service-detail-media {
    position: absolute;
    inset: 0px;
    max-width: none;
  }
  body {
    font-size: 14px;
  }
  .site-header {
    height: 76px;
  }
  .main-nav,
  .header-link {
    display: none;
  }
  .menu-toggle {
    display: block;
  }
  .menu-open .main-nav {
    position: absolute;
    top: 76px;
    right: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-arp-line);
    background-color: #101217;
    padding-inline: 25px;
    padding-block: 23px;
  }
  .menu-open .header-link {
    position: absolute;
    top: 242px;
    left: 25px;
    display: inline-flex;
  }
  .hero {
    display: block;
    padding-top: 67px;
    padding-bottom: 65px;
  }
  .hero::after {
    background: linear-gradient(180deg, rgba(9, 10, 13, .82) 0%, rgba(9, 10, 13, .62) 42%, rgba(9, 10, 13, .78) 100%);
  }
  .hero::before {
    top: 29px;
    right: 25px;
  }
  .hero-copy h1 {
    margin-top: 25px;
    font-size: clamp(51px, 15vw, 79px);
  }
  .hero-subtitle {
    margin-top: 25px;
    font-size: 16px;
  }
  .hero-meta {
    margin-top: 37px;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .hero-side {
    margin-top: 0px;
  }
  .stage-placeholder {
    min-height: 285px;
  }
  .lead-form {
    padding: 21px;
  }
  .trust-strip {
    display: block;
    padding-block: 22px;
  }
  .placeholder-brands {
    margin-block: 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
  }
  .strip-note {
    display: block;
  }
  .section-head {
    margin-bottom: 34px;
    display: block;
  }
  .section-description {
    margin-top: 18px;
  }
  .service-tab b {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .service-card,
  .service-card:nth-child(1),
  .service-card:nth-child(4) {
    min-height: 226px;
    padding: 17px;
    grid-column: span 1;
    grid-row: span 1;
  }
  .service-card:nth-child(1) {
    grid-column: span 2;
  }
  .service-icon {
    margin-top: 19px;
  }
  .service-card h3 {
    font-size: 17px;
  }
  .service-card > a {
    right: calc(var(--spacing) * 3.5);
    bottom: calc(var(--spacing) * 3);
  }
  .section-cta {
    margin-top: 30px;
    display: block;
  }
  .section-cta .button {
    margin-top: calc(var(--spacing) * 4);
  }
  .event-card {
    min-width: 84%;
  }
  .integration {
    display: block;
  }
  .integration-copy h2 {
    font-size: clamp(42px, 12vw, 63px);
  }
  .integration-copy > strong {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .integration-visual {
    margin-top: 50px;
    min-height: 340px;
  }
  .integration-footnote {
    font-size: 6px;
  }
  .led {
    display: flex;
    flex-direction: column;
    gap: 42px;
  }
  .led-copy h2,
  .audience h2 {
    font-size: clamp(41px, 12vw, 63px);
  }
  .led-visual {
    min-height: 300px;
  }
  .led-wall {
    inset: 25% 8%;
  }
  .led-wall b {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .led-wall span {
    font-size: 6px;
  }
  .audience,
  .final-cta {
    display: block;
  }
  .audience-list {
    margin-top: 43px;
  }
  .final-copy {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .site-footer {
    display: block;
    padding-top: 42px;
    padding-bottom: 53px;
  }
  .site-footer > p {
    margin-block: 23px;
  }
  .footer-placeholder {
    margin: 0px;
    align-items: flex-start;
  }
  .copyright {
    bottom: calc(var(--spacing) * 3.5);
  }
  .sticky-mobile-cta {
    position: fixed;
    right: calc(var(--spacing) * 3.5);
    bottom: 13px;
    left: auto;
    z-index: 30;
    display: inline-flex;
    width: 110px;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-arp-cta);
    background-color: var(--color-arp-cta);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: 9px;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-tracking: .7px;
    letter-spacing: .7px;
    white-space: normal;
    color: var(--color-arp-ink);
    text-transform: uppercase;
    --tw-shadow: 0 6px 18px var(--tw-shadow-color, rgba(0,0,0,.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transform: translateY(130%);
    transition: transform .3s;
  }
  .sticky-mobile-cta.is-visible {
    transform: translateY(0);
  }
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-duration: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}