@import url('/assets/premium-fonts.css');
/* ReachHawks refinement. Existing content and responsive layout remain authoritative. */
:root{--rh-space-1:8px;--rh-space-2:16px;--rh-space-3:24px;--rh-space-4:32px;--rh-space-8:64px;--rh-ink:#172337;--rh-border:#e5e8ed}
html,body{background:#ffffff!important;background-image:none!important}
body{font-family:'Manrope',sans-serif!important;color:var(--rh-ink)}
body :is(h1,h2,h3,h4,h5,h6,p,li,a,button,input,select,textarea,summary,span,div){font-family:'Manrope',sans-serif!important}
h1,h2,h3{letter-spacing:-.045em!important;text-wrap:balance}
h1{font-weight:700!important;line-height:1.08!important}
main>section p, .legal-copy p,.legal-copy li{font-size:16px;line-height:1.75}
.rh-white-section{background:#fff!important;background-image:none!important}
.grid-lines{background-image:none!important;}
.spotlight-card::before,.button-shine{display:none!important}
[class*="blur-3xl"], [class*="blur-["].absolute,.absolute[style*="repeating-linear-gradient"],.absolute[style*="radial-gradient"]{display:none!important}
[class*="bg-gradient-"]:not(.rh-glass-control){background-image:none!important}
[class*="bg-clip-text"]{color:#172337!important;-webkit-text-fill-color:#172337!important}
.glass-panel{background:#fff!important;backdrop-filter:none;border-color:var(--rh-border)}
.spotlight-card{box-shadow:0 8px 24px rgba(23,35,55,.04)!important}
.rh-light-section{color:#172337!important}
.rh-light-section :is(h2,h3,p){color:#172337!important}
.rh-light-section [class*="text-white"]{color:#172337!important}
.rh-light-section [class*="border-white"]{border-color:#e5e8ed!important}
.rh-light-section [class*="bg-white/"]{background:#f7f8fa!important}
.rh-ionicon{display:inline-block;vertical-align:middle;flex-shrink:0;overflow:visible}
.rh-faq-item{border-radius:16px;box-shadow:none!important}
.rh-faq-item summary{padding:24px}
.rh-faq-answer{padding:0 24px 24px;font-size:16px}
/* From Uiverse.io by shokat_2650 */ 
/* Defs */
@property --angle-1 {
  syntax: "<angle>";
  inherits: false;
  initial-value: -75deg;
}

@property --angle-2 {
  syntax: "<angle>";
  inherits: false;
  initial-value: -45deg;
}

:root {
  --global--size: clamp(2rem, 4vw, 5rem);
  --anim--hover-time: 400ms;
  --anim--hover-ease: cubic-bezier(0.25, 1, 0.5, 1);
}

/* ========== BUTTON ========== */

/* Button Wrap Container */
..rh-glass-control-wrap {
  position: relative;
  z-index: 2;
  border-radius: 999vw;
  background: transparent;
  pointer-events: none;
  transition: all var(--anim--hover-time) var(--anim--hover-ease);
}

/* Button Shadow Container */
..rh-glass-control-shadow {
  --shadow-cuttoff-fix: 2em;
  position: absolute;
  width: calc(100% + var(--shadow-cuttoff-fix));
  height: calc(100% + var(--shadow-cuttoff-fix));
  top: calc(0% - var(--shadow-cuttoff-fix) / 2);
  left: calc(0% - var(--shadow-cuttoff-fix) / 2);
  filter: blur(clamp(2px, 0.125em, 12px));
  -webkit-filter: blur(clamp(2px, 0.125em, 12px));
  -moz-filter: blur(clamp(2px, 0.125em, 12px));
  -ms-filter: blur(clamp(2px, 0.125em, 12px));
  overflow: visible;
  pointer-events: none;
}

/* Shadow */
..rh-glass-control-shadow::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: 999vw;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
  width: calc(100% - var(--shadow-cuttoff-fix) - 0.25em);
  height: calc(100% - var(--shadow-cuttoff-fix) - 0.25em);
  top: calc(var(--shadow-cuttoff-fix) - 0.5em);
  left: calc(var(--shadow-cuttoff-fix) - 0.875em);
  padding: 0.125em;
  box-sizing: border-box;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: all var(--anim--hover-time) var(--anim--hover-ease);
  overflow: visible;
  opacity: 1;
}

/* ========== BUTTON BASE STYLES ========== */

.rh-glass-control {
  /* Basic Styling */
  --border-width: clamp(1px, 0.0625em, 4px);
  
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  pointer-events: auto;
  z-index: 3;
  background: linear-gradient(
    -75deg,
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.05)
  );
  border-radius: 999vw;
  box-shadow:
    inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05),
    inset 0 -0.125em 0.125em rgba(255, 255, 255, 0.5),
    0 0.25em 0.125em -0.125em rgba(0, 0, 0, 0.2),
    0 0 0.1em 0.25em inset rgba(255, 255, 255, 0.2),
    0 0 0 0 rgba(255, 255, 255, 1);
  backdrop-filter: blur(clamp(1px, 0.125em, 4px));
  -webkit-backdrop-filter: blur(clamp(1px, 0.125em, 4px));
  -moz-backdrop-filter: blur(clamp(1px, 0.125em, 4px));
  -ms-backdrop-filter: blur(clamp(1px, 0.125em, 4px));
  transition: all var(--anim--hover-time) var(--anim--hover-ease);
}

.rh-glass-control:hover {
  transform: scale(0.975);
  backdrop-filter: blur(0.01em);
  -webkit-backdrop-filter: blur(0.01em);
  -moz-backdrop-filter: blur(0.01em);
  -ms-backdrop-filter: blur(0.01em);
  box-shadow:
    inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05),
    inset 0 -0.125em 0.125em rgba(255, 255, 255, 0.5),
    0 0.15em 0.05em -0.1em rgba(0, 0, 0, 0.25),
    0 0 0.05em 0.1em inset rgba(255, 255, 255, 0.5),
    0 0 0 0 rgba(255, 255, 255, 1);
}

/* Button Text */
.rh-glass-control > .rh-button-label {
  position: relative;
  display: block;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-family: "Manrope", sans-serif;
  letter-spacing: -0.05em;
  font-weight: 500;
  font-size: 1em;
  color: rgba(50, 50, 50, 1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0em 0.25em 0.05em rgba(0, 0, 0, 0.1);
  transition: all var(--anim--hover-time) var(--anim--hover-ease);
  padding-inline: 1.5em;
  padding-block: 0.875em;
}

.rh-glass-control:hover span {
  text-shadow: 0.025em 0.025em 0.025em rgba(0, 0, 0, 0.12);
}

/* Text */
.rh-glass-control > .rh-button-label::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100% - var(--border-width)); /* Prevent overlapping border */
  height: calc(100% - var(--border-width));
  top: calc(0% + var(--border-width) / 2);
  left: calc(0% + var(--border-width) / 2);
  box-sizing: border-box;
  border-radius: 999vw;
  overflow: clip;
  background: linear-gradient(
    var(--angle-2),
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 40% 50%,
    rgba(255, 255, 255, 0) 55%
  );
  z-index: 3;
  mix-blend-mode: screen;
  pointer-events: none;
  background-size: 200% 200%;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  transition:
    background-position calc(var(--anim--hover-time) * 1.25)
      var(--anim--hover-ease),
    --angle-2 calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease);
}

.rh-glass-control:hover span::after {
  background-position: 25% 50%;
}

.rh-glass-control:active span::after {
  background-position: 50% 15%;
  --angle-2: -15deg;
}

/* Touch Devices */
@media (hover: none) and (pointer: coarse) {
  .rh-glass-control > .rh-button-label::after,
  .rh-glass-control:active span::after {
    --angle-2: -45deg;
  }
}

/* ========== BUTTON OUTLINE ========== */

/* Outline */
.rh-glass-control::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: 999vw;
  width: calc(100% + var(--border-width));
  height: calc(100% + var(--border-width));
  top: calc(0% - var(--border-width) / 2);
  left: calc(0% - var(--border-width) / 2);
  padding: var(--border-width);
  box-sizing: border-box;
  background: conic-gradient(
      from var(--angle-1) at 50% 50%,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0) 5% 40%,
      rgba(0, 0, 0, 0.5) 50%,
      rgba(0, 0, 0, 0) 60% 95%,
      rgba(0, 0, 0, 0.5)
    ),
    linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition:
    all var(--anim--hover-time) var(--anim--hover-ease),
    --angle-1 500ms ease;
  box-shadow: inset 0 0 0 calc(var(--border-width) / 2) rgba(255, 255, 255, 0.5);
}

.rh-glass-control:hover::after {
  --angle-1: -125deg;
}

.rh-glass-control:active::after {
  --angle-1: -75deg;
}

@media (hover: none) and (pointer: coarse) {
  .rh-glass-control::after,
  .rh-glass-control:hover::after,
  .rh-glass-control:active::after {
    --angle-1: -75deg;
  }
}

/* Shadow Hover */
..rh-glass-control-wrap:has(.rh-glass-control:hover) ..rh-glass-control-shadow {
  filter: blur(clamp(2px, 0.0625em, 6px));
  -webkit-filter: blur(clamp(2px, 0.0625em, 6px));
  -moz-filter: blur(clamp(2px, 0.0625em, 6px));
  -ms-filter: blur(clamp(2px, 0.0625em, 6px));
  transition: filter var(--anim--hover-time) var(--anim--hover-ease);
}

..rh-glass-control-wrap:has(.rh-glass-control:hover) ..rh-glass-control-shadow::after {
  top: calc(var(--shadow-cuttoff-fix) - 0.875em);
  opacity: 1;
}

/* Rotation */
..rh-glass-control-wrap:has(.rh-glass-control:active) {
  transform: rotate3d(1, 0, 0, 25deg);
}

..rh-glass-control-wrap:has(.rh-glass-control:active) .rh-glass-control {
  box-shadow:
    inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05),
    inset 0 -0.125em 0.125em rgba(255, 255, 255, 0.5),
    0 0.125em 0.125em -0.125em rgba(0, 0, 0, 0.2),
    0 0 0.1em 0.25em inset rgba(255, 255, 255, 0.2),
    0 0.225em 0.05em 0 rgba(0, 0, 0, 0.05),
    0 0.25em 0 0 rgba(255, 255, 255, 0.75),
    inset 0 0.25em 0.05em 0 rgba(0, 0, 0, 0.15);
}

..rh-glass-control-wrap:has(.rh-glass-control:active) ..rh-glass-control-shadow {
  filter: blur(clamp(2px, 0.125em, 12px));
  -webkit-filter: blur(clamp(2px, 0.125em, 12px));
  -moz-filter: blur(clamp(2px, 0.125em, 12px));
  -ms-filter: blur(clamp(2px, 0.125em, 12px));
}

..rh-glass-control-wrap:has(.rh-glass-control:active) ..rh-glass-control-shadow::after {
  top: calc(var(--shadow-cuttoff-fix) - 0.5em);
  opacity: 0.75;
}

..rh-glass-control-wrap:has(.rh-glass-control:active) span {
  text-shadow: 0.025em 0.25em 0.05em rgba(0, 0, 0, 0.12);
}

/* Integration layer: preserves native buttons, links, hidden states, and existing handlers. */
.rh-glass-control{
 --border-width:1px;isolation:isolate;min-height:48px;max-width:100%;
 padding:12px 24px!important;border:1px solid #d8dde4!important;border-radius:999px!important;
 background-color:#fff!important;color:#172337!important;font-size:14px!important;font-weight:600!important;
 line-height:1.5!important;text-decoration:none!important;gap:8px;overflow:visible;
}
.rh-glass-control > .rh-button-label{display:inline-flex;align-items:center;justify-content:inherit;gap:8px;padding:0!important;font:inherit!important;color:inherit!important;letter-spacing:-.015em!important;text-shadow:none!important}
.rh-glass-control > .rh-button-label::after{inset:-12px -24px;width:auto;height:auto;}
.rh-glass-control :is(span,svg){color:inherit!important}
.rh-glass-control:focus-visible{outline:3px solid #1687f7!important;outline-offset:4px!important}
.rh-glass-control:disabled,.rh-glass-control[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none}
.rh-glass-control[aria-pressed="true"],.rh-glass-control[aria-selected="true"],.rh-glass-control.active,.rh-glass-control.is-active{border-color:#1687f7!important;box-shadow:inset 0 0 0 1px #1687f7,0 2px 4px #17233715!important;background-color:#edf6ff!important}
.rh-icon-control{padding:12px!important;min-width:48px}
.rh-choice-control{border-radius:16px!important;text-align:left}
.rh-choice-control :is(p,div){color:#172337!important}
.rh-nav-trial{min-height:40px;padding:8px 16px!important}
@media(max-width:640px){.rh-glass-control{white-space:normal;min-height:48px;padding:12px 24px!important}h1{font-size:clamp(36px,10vw,48px)!important}main>section p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Override older high-specificity blue CTA treatments. */
body .rh-glass-control{background:linear-gradient(-75deg,rgba(255,255,255,.05),rgba(255,255,255,.2),rgba(255,255,255,.05)) #fff!important;box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,inset 0 0 .1em .25em #ffffff33!important}
body .rh-glass-control:hover{box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .15em .05em -.1em #00000040,inset 0 0 .05em .1em #ffffff80!important}
body .rh-glass-control::after{background:conic-gradient(from var(--angle-1) at 50% 50%,#0008,#0000 5% 40%,#0008 50%,#0000 60% 95%,#0008),linear-gradient(180deg,#ffffff80,#ffffff80)!important}
body .rh-choice-control[aria-pressed="true"]{background:#edf6ff!important;border-color:#1687f7!important;box-shadow:inset 0 0 0 1px #1687f7!important}
footer{background:#fff!important;background-image:none!important}
summary[aria-label="Open navigation"]{border-radius:999px!important;min-width:40px;min-height:40px;box-shadow:inset 0 2px 2px #0000000d,0 2px 2px #0002}
#pricing>.bg-neutral-950{background:#fff!important;border-color:#e5e8ed!important}
#pricing>.bg-neutral-950 [class*="text-white"],#pricing>.bg-neutral-950 [class*="text-zinc"]{color:#172337!important}
#pricing>.bg-neutral-950 [class*="border-white"]{border-color:#e5e8ed!important}
#pricing>.bg-neutral-950 [class*="bg-white/"]{background-color:#f7f8fa!important}
.rh-choice-control::after{border-radius:inherit!important}
body .rh-choice-control[aria-pressed="false"]{border-color:#d8dde4!important}

.rh-white-panel,footer>div{background:#fff!important;background-image:none!important;border-color:#e5e8ed!important}
.rh-white-panel>div>h2,.rh-white-panel>div>p{color:#172337!important}

body .header-cta-main.rh-glass-control{display:inline-flex;align-items:center;padding:12px 16px!important;font-size:12px!important}

/* Scoped custom artwork. No changes to floating-card dimensions or placement. */
.rh-custom-icon-slot{flex:none;display:flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none}
.rh-stage-icon{width:40px;height:40px}
.rh-hero-icon{width:32px;height:32px}
.rh-custom-icon{display:block;width:100%;height:100%;object-fit:contain}
.rh-capability-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e1e5ea;border-radius:999px;background:linear-gradient(-75deg,#fff,#f8f9fb,#fff);box-shadow:inset 0 1px 2px #00000005,0 2px 2px -2px #00000024;font-size:14px;font-weight:500;color:#172337}
.rh-capability-check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#1687f7;background:transparent;flex:none}
.rh-capability-check svg{width:16px;height:16px}
html,body{background:#fff!important;background-image:none!important}
.grid-lines,[class*="bg-grid"],[class*="grid-background"]{background-image:none!important}