/* Giesler Crypto Futures Hero v1.0.0. Scoped to prevent theme collisions. */
.gcfh-hero {
  --gcfh-accent: #f1bd48;
  --gcfh-desktop-height: 670px;
  --gcfh-mobile-height: 615px;
  width: 100%;
  max-width: 100%;
  min-height: var(--gcfh-desktop-height);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #0a0a0a;
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  padding: 68px 0 78px;
}
.gcfh-hero, .gcfh-hero * {box-sizing: border-box;}
.gcfh-hero--bleed {width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}
.gcfh-hero .gcfh-media {position: absolute;z-index: -1;inset: 0;overflow: hidden;background: #0d0d0e;pointer-events: none;}
.gcfh-hero .gcfh-video {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;pointer-events: none;}
.gcfh-hero .gcfh-video--mobile {display: none;}
.gcfh-hero .gcfh-media-shade {position: absolute;inset: 0;background: linear-gradient(90deg,rgba(5,5,7,.92) 0%,rgba(6,6,8,.73) 30%,rgba(7,7,9,.24) 64%,rgba(9,8,6,.18) 100%),linear-gradient(0deg,rgba(5,5,7,.32),transparent 26%,transparent 78%,rgba(4,4,5,.22));}
.gcfh-hero .gcfh-ambient {position: absolute;z-index: 1;pointer-events: none;opacity: .42;filter: blur(55px);border-radius: 50%;animation: gcfh-breathe 7s ease-in-out infinite alternate;}
.gcfh-hero .gcfh-ambient--one {width: 210px;height: 130px;right: 5%;top: 13%;background: rgba(222,164,47,.14);}
.gcfh-hero .gcfh-ambient--two {width: 180px;height: 180px;right: 25%;bottom: -95px;background: rgba(212,147,38,.12);animation-delay: -3.6s;}
.gcfh-hero .gcfh-shell {width: min(100% - 80px, 1140px);max-width: 1140px;margin: 0 auto;position: relative;z-index: 2;}
.gcfh-hero .gcfh-copy {width: min(100%, 760px);display: flex;flex-direction: column;align-items: flex-start;gap: 0;}
.gcfh-hero .gcfh-title {font-family: Montserrat, Arial, sans-serif !important;font-weight: 700 !important;letter-spacing: -.047em !important;font-size: clamp(42px, 5.15vw, 72px) !important;line-height: 1.105 !important;color: #fff !important;margin: 0 !important;padding: 0 !important;text-shadow: 0 5px 24px rgba(0,0,0,.20);max-width: 780px;}
.gcfh-hero .gcfh-title-line {display: block;color: inherit !important;}
.gcfh-hero .gcfh-subtitle {font-family: Montserrat, Arial, sans-serif !important;font-size: clamp(15px, 1.45vw, 19px) !important;font-weight: 400 !important;line-height: 1.65 !important;letter-spacing: -.01em;margin: 25px 0 0 !important;max-width: 600px;color: rgba(255,255,255,.83) !important;padding: 0 !important;}
.gcfh-hero .gcfh-fees {display: flex;gap: 4px 18px;flex-wrap: wrap;}
.gcfh-hero .gcfh-fee {display: inline-flex;flex-wrap: wrap;column-gap: 5px;white-space: normal;}
.gcfh-hero .gcfh-subtitle strong {font-weight: 700;color: #fff;}
.gcfh-hero .gcfh-actions {margin-top: 35px;display: flex;align-items: flex-start;justify-content: flex-start;}
.gcfh-hero .gcfh-button, .gcfh-hero .gcfh-button:visited {
  position: relative;
  display: inline-flex;
  width: auto;
  min-width: 178px;
  min-height: 52px;
  padding: 13px 26px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ae811f !important;
  border-radius: 8px;
  background: var(--gcfh-accent) !important;
  box-shadow: 0 4px 0 rgba(195,137,22,.48), inset 0 1px 0 rgba(255,255,255,.24);
  font-family: Montserrat, Arial, sans-serif !important;
  color: #14120c !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  text-decoration: none !important;
  text-align: center;
  white-space: nowrap;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.gcfh-hero .gcfh-button:hover, .gcfh-hero .gcfh-button:focus-visible {background: #ffca55 !important;color: #12100c !important;text-decoration: none !important;transform: translateY(-1px);box-shadow: 0 5px 0 rgba(195,137,22,.48), 0 8px 19px rgba(0,0,0,.22);}
.gcfh-hero .gcfh-button:active {transform: translateY(2px);box-shadow: 0 1px 0 rgba(195,137,22,.5);}
.gcfh-hero .gcfh-button:focus-visible {outline: 2px solid #fff;outline-offset: 3px;}
.gcfh-hero--center .gcfh-copy {align-items: center;margin: 0 auto;text-align: center;}
.gcfh-hero--center .gcfh-actions {justify-content: center;}
@keyframes gcfh-breathe {from {transform: translate(0,0) scale(1);opacity: .24;}to {transform: translate(-24px,13px) scale(1.15);opacity: .5;}}
@media (max-width: 900px) {
  .gcfh-hero {min-height: 590px;padding-top: 75px;padding-bottom: 75px;}
  .gcfh-hero .gcfh-shell {width: calc(100% - 56px);}
  .gcfh-hero .gcfh-copy {max-width: 680px;}
  .gcfh-hero .gcfh-title {font-size: clamp(41px, 6.2vw, 59px) !important;}
}
@media (max-width: 700px) {
  .gcfh-hero {min-height: var(--gcfh-mobile-height);width: 100%;padding: 67px 0 60px;align-items: flex-start;}
  .gcfh-hero--bleed {width: 100vw;max-width: 100vw;}
  .gcfh-hero .gcfh-video--desktop {display: none;}
  .gcfh-hero .gcfh-video--mobile {display: block;object-position: center 66%;}
  .gcfh-hero .gcfh-media-shade {background: linear-gradient(180deg,rgba(4,4,5,.96) 0%,rgba(5,5,7,.93) 17%,rgba(6,6,8,.86) 39%,rgba(5,5,7,.40) 69%,rgba(8,7,6,.21) 100%);}
  .gcfh-hero .gcfh-shell {width: calc(100% - 36px);}
  .gcfh-hero .gcfh-copy {max-width: 100%;align-items: flex-start;}
  .gcfh-hero .gcfh-title {font-size: clamp(36px, 8.1vw, 46px) !important;line-height: 1.17 !important;letter-spacing: -.044em !important;}
  .gcfh-hero .gcfh-subtitle {margin-top: 18px !important;font-size: 15px !important;line-height: 1.58 !important;}
  .gcfh-hero .gcfh-actions {margin-top: 27px;width: 100%;}
  .gcfh-hero .gcfh-button {width: 100%;min-height: 50px;}
  .gcfh-hero .gcfh-ambient--one {top: 49%;right: -80px;}
  .gcfh-hero .gcfh-ambient--two {right: 40%;bottom: -100px;}
  .gcfh-hero--center .gcfh-copy {align-items: center;text-align: center;}
}
@media (prefers-reduced-motion: reduce) {
  .gcfh-hero .gcfh-ambient {animation: none;}
  .gcfh-hero .gcfh-button {transition: none;}
}
