.gn-overview {--gn-yellow: #ffc72c;--gn-yellow-deep: #ffa400;--gn-yellow-deep-transparent: rgba(255, 199, 44, .12);--gn-blue: #5eacde;--gn-card: #010101;--gn-copy: rgba(255, 255, 255, .92);background: #000000;color: #ffffff;padding: 0 !important}
.gn-overview, .gn-overview * {box-sizing: border-box}
.gn-overview button:focus {outline: none}
.gn-overview .gn-section {background: #000000;overflow: hidden;padding: 40px 0;position: relative}
.gn-overview .gn-section-inner {margin: 0 auto;max-width: 1344px;padding: 0 16px;position: relative;width: 100%;z-index: 1}
.gn-overview .gn-heading {color: #ffffff;font-size: 24px;font-weight: 600;line-height: 28px;margin: 0;text-align: center}
.gn-overview .gn-eyebrow {color: var(--gn-yellow)}
.gn-overview .gn-copy {color: var(--gn-copy);font-size: 16px;line-height: 24px;margin: 16px auto 0;max-width: 768px;text-align: center}
.gn-overview .gn-button {background: linear-gradient(90deg, var(--gn-yellow) 0%, var(--gn-yellow-deep) 100%);border: 0;border-radius: 3px;color: #000000;display: inline-flex;font-size: 20px;font-weight: 600;justify-content: center;line-height: 20px;padding: 15px 32px;text-align: center;text-decoration: none}
.gn-overview .gn-button:hover, .gn-overview .gn-button:focus {color: #000000;text-decoration: none}
.gn-overview .gn-hero {min-height: 637px;padding: 40px 0}
.gn-overview .gn-beam:before {background-image: radial-gradient(circle at 50% 62%, rgba(255, 255, 255, .18), rgba(0, 0, 0, 0) 26%), url('https://images.ctfassets.net/wfptrcrbtkd0/37YYkbTlg4DeZTKcMXkTEl/bd925ec8df64cf9da1ea3033faf6f57a/beam-background.png?fm=webp&q=80'), url('https://images.ctfassets.net/wfptrcrbtkd0/4Ri6ccwiUqKebfbo4UFzP4/0da46ce41d03ac22a09a94e0748b6f49/beam-light.png?fm=webp&q=80');background-position: center -33%;background-repeat: no-repeat;background-size: 100% 110%;content: '';inset: 0;opacity: .9;position: absolute;z-index: 0}
.gn-overview .gn-beam:after {background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, .18) 42%, #000000 100%);content: '';inset: 0;position: absolute;z-index: 0}
.gn-overview .gn-hero-content {align-items: center;display: flex;flex-direction: column;gap: 16px;min-height: 557px;text-align: center}
.gn-overview .gn-logo {max-width: 241px;width: 70%}
.gn-overview .gn-tagline-small {color: #ffffff;font-size: 18px;letter-spacing: 3px;line-height: 24px;margin: 0;text-transform: uppercase}
.gn-overview .gn-tagline-large {color: var(--gn-yellow);font-family: 'Source Sans Pro', sans-serif;font-size: 26px;letter-spacing: 3px;line-height: 34px;margin: -4px 0 22px;text-transform: uppercase}
.gn-overview .gn-tagline-svg {display: block;height: 28px;max-width: 100%;width: auto}
.gn-overview .visually-hidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
.gn-overview .gn-hero-product {margin-top: 24px;max-width: 560px;opacity: .9}
.gn-overview .gn-tabs-wrap {align-items: center;display: flex;gap: 8px;justify-content: center;margin: 16px 50px 0}
.gn-overview .gn-tabs {align-items: center;background: rgba(77, 77, 77, .3);border-radius: 100px;display: flex;gap: 8px;max-width: 100%;overflow-x: auto;padding: 4px;scrollbar-width: none}
.gn-overview .gn-tabs::-webkit-scrollbar {display: none}
.gn-overview .gn-tab {background: transparent;border: 1px solid transparent;border-radius: 100px;color: var(--gn-yellow);cursor: pointer;flex: 0 0 auto;font-size: 14px;font-weight: 600;line-height: 24px;padding: 4px 10px;text-transform: uppercase;white-space: nowrap;transition: border-color 400ms ease-out}
.gn-overview .gn-tab:hover {border-color: var(--gn-yellow)}
.gn-overview .gn-tab.is-active {background: linear-gradient(90deg, var(--gn-yellow) 0%, var(--gn-yellow-deep) 100%);color: #000000}
.gn-overview .gn-carousel-shell {margin-top: 24px;position: relative}
.gn-overview .swiper-wrapper {display: flex}
.gn-overview .js-gn-swiper {overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none}
.gn-overview .js-gn-swiper::-webkit-scrollbar {display: none}
.gn-overview .swiper-slide {flex-shrink: 0;height: auto;scroll-snap-align: start}
.gn-overview .gn-wand-carousel .swiper-slide {width: 100%}
.gn-overview .gn-wand-carousel .js-gn-swiper:not(.swiper-initialized) .swiper-wrapper {gap: 16px}
.gn-overview .gn-swiper-controls {display: flex;gap: 24px;justify-content: space-between;margin-top: 16px}
.gn-overview .js-gn-wand-carousel .gn-swiper-controls {justify-content: end}
.gn-overview .gn-swiper-button {align-items: center;background: transparent;border: 0;color: var(--gn-yellow-deep);cursor: pointer;display: inline-flex;height: 40px;justify-content: center;padding: 0;width: 40px}
.gn-overview .gn-swiper-button:hover {color: var(--gn-yellow)}
.gn-overview .gn-swiper-button:before {background: currentColor;border: 0;content: '';display: block;height: 34px;mask-position: center;mask-repeat: no-repeat;mask-size: contain;width: 44px;-webkit-mask-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain}
.gn-overview .gn-swiper-button-prev:before {mask-image: url('https://images.ctfassets.net/wfptrcrbtkd0/2MQy2slKPORPPSSdGWyIAE/b2c9d2b903669309334a1ff3ce262d5f/streamlined-arrow-left.svg?fm=webp&q=80');-webkit-mask-image: url('https://images.ctfassets.net/wfptrcrbtkd0/2MQy2slKPORPPSSdGWyIAE/b2c9d2b903669309334a1ff3ce262d5f/streamlined-arrow-left.svg?fm=webp&q=80')}
.gn-overview .gn-swiper-button-next:before {mask-image: url('https://images.ctfassets.net/wfptrcrbtkd0/7kZX2TQXFN0D1OLnEM45k3/2ca63f0af7dfb54e1d89c254636b92c3/streamlined-arrow-right.svg?fm=webp&q=80');-webkit-mask-image: url('https://images.ctfassets.net/wfptrcrbtkd0/7kZX2TQXFN0D1OLnEM45k3/2ca63f0af7dfb54e1d89c254636b92c3/streamlined-arrow-right.svg?fm=webp&q=80')}
.gn-overview .gn-streamlined-carousel {margin-top: 16px;position: relative}
.gn-overview .gn-streamlined-carousel .js-gn-swiper {overflow: hidden}
.gn-overview .gn-streamlined-carousel .swiper-wrapper {display: grid;transform: none !important}
.gn-overview .gn-streamlined-slide {grid-area: 1/1;opacity: 0;pointer-events: none;transition: opacity 360ms ease;width: 100%}
.gn-overview .gn-streamlined-slide.is-active {opacity: 1;pointer-events: auto;z-index: 1}
.gn-overview .gn-streamlined-panel {align-items: center;background-image: linear-gradient(180deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .54) 100%), url('https://images.ctfassets.net/wfptrcrbtkd0/o4HSJhBBkLobG04e3sfI3/64fcff63339802974e7c36e3decd219e/streamlined-bg.png?fm=webp&q=80');background-position: center bottom;background-repeat: no-repeat;background-size: cover;display: flex;flex-direction: column;min-height: 540px;padding: 16px 0 0;text-align: center}
.gn-overview .gn-streamlined-copy {color: var(--gn-copy);font-size: 16px;line-height: 24px;margin: 0 auto;max-width: 760px;padding: 0 16px}
.gn-overview .gn-streamlined-image {display: block;margin: 18px auto 0;max-width: 1080px;width: 100%}
.gn-overview .gn-streamlined-controls {top: -72px;left: 0;pointer-events: none;position: absolute;right: 0;z-index: 2}
.gn-overview .gn-streamlined-controls .gn-swiper-button {pointer-events: auto}
.gn-overview .gn-card {background: var(--gn-card);border: 1px solid var(--gn-yellow);border-radius: 16px;color: #ffffff;height: 100%;overflow: hidden}
.gn-overview .gn-card-body {padding: 16px}
.gn-overview .gn-card-title {color: var(--gn-yellow);font-size: 20px;font-weight: 600;line-height: 24px;margin: 0 0 8px}
.gn-overview .gn-card-copy {color: #ffffff;font-size: 16px;line-height: 24px;margin: 0}
.gn-overview .gn-power-visual {margin-top: 2rem}
.gn-overview .gn-power-wand {position: relative;z-index: -1}
.gn-overview .gn-wavelengths {display: flex;gap: 16px;margin: 32px -16px 0 0;overflow-x: auto;padding: 0 16px 12px 0;scroll-snap-type: x mandatory}
.gn-overview .gn-wavelength-card {background: rgba(0, 0, 0, .8);border: 1px solid #ffffff;border-radius: 16px;flex: 0 0 225px;min-height: 102px;padding: 16px;scroll-snap-align: start}
.gn-overview .gn-wavelength-card:nth-child(2) {border-color: var(--gn-yellow)}
.gn-overview .gn-wavelength-card:nth-child(3) {border-color: var(--gn-blue)}
.gn-overview .gn-card-image {background: #000000;height: 248px;overflow: hidden;position: relative;margin: 1re -2rem}
.gn-overview .gn-card-image img {display: block;height: 100%;max-width: none;object-fit: cover;object-position: var(--gn-object-position, 0 50%);width: 100%}
.gn-overview .gn-pbm-grid {display: none}
.gn-overview .gn-pbm-accordion {display: grid;gap: 12px}
.gn-overview .gn-pbm-mobile-stack {display: grid;gap: 16px;margin-top: 24px}
.gn-overview .gn-pbm-mobile-card, .gn-overview .gn-pbm-item {background: #000000;border: 1px solid var(--gn-yellow);border-radius: 16px;overflow: hidden}
.gn-overview .gn-pbm-mobile-card {display: flex;flex-direction: column;padding: 14px 16px 0}
.gn-overview .gn-pbm-mobile-card.is-active {min-height: 412px}
.gn-overview .gn-pbm-mobile-title, .gn-overview .gn-pbm-trigger {align-items: center;background: transparent;border: 0;color: var(--gn-yellow);cursor: pointer;display: flex;justify-content: space-between;text-align: left;text-transform: uppercase;width: 100%}
.gn-overview .gn-pbm-mobile-title {font-size: 14px;font-weight: 700;line-height: 20px;margin: 0 0 12px;padding: 0}
.gn-overview .gn-pbm-mobile-title:after, .gn-overview .gn-pbm-trigger:after {align-items: center;border: 1px solid var(--gn-yellow);border-radius: 999px;content: '';display: inline-flex;flex: 0 0 21px;height: 21px;margin-left: 12px;width: 21px;background-image: linear-gradient(var(--gn-yellow), var(--gn-yellow)), linear-gradient(var(--gn-yellow), var(--gn-yellow));background-position: center;background-repeat: no-repeat;background-size: 10px 2px, 2px 10px}
.gn-overview .gn-pbm-mobile-title[aria-expanded='true']:after, .gn-overview .gn-pbm-trigger[aria-expanded='true']:after {background-size: 10px 2px, 0 10px}
.gn-overview .gn-pbm-mobile-panel {display: none;flex: 1;flex-direction: column}
.gn-overview .gn-pbm-mobile-title[aria-expanded='true'] + .gn-pbm-mobile-panel {display: flex}
.gn-overview .gn-pbm-mobile-copy {color: #ffffff;font-size: 16px;line-height: 24px;margin: 0}
.gn-overview .gn-pbm-mobile-image {display: block;margin: auto auto 0;max-width: none;width: 100%}
.gn-overview .gn-pbm-mobile-image--adapters {margin-left: -25%;width: 150%}
.gn-overview .gn-pbm-mobile-image--haptic {margin-left: -22%;width: 150%}
.gn-overview .gn-pbm-mobile-image--storage {margin-left: -30%;width: 180%}
.gn-overview .gn-pbm-trigger {font-size: 16px;font-weight: 400;line-height: 24px;padding: 16px}
.gn-overview .gn-pbm-trigger[aria-expanded='true'] {font-weight: 700}
.gn-overview .gn-pbm-trigger:hover {background-color: var(--gn-yellow-deep-transparent)}
.gn-overview .gn-pbm-panel {color: #ffffff;display: none;font-size: 16px;line-height: 24px;padding: 0 16px 16px}
.gn-overview .gn-pbm-trigger[aria-expanded='true'] + .gn-pbm-panel {display: block}
.gn-overview .gn-pbm-visual {min-height: 364px;position: relative}
.gn-overview .gn-pbm-asset {display: none;inset: 0;opacity: 0;position: absolute;transition: opacity 220ms ease;align-items: center}
.gn-overview .gn-pbm-asset.is-active {display: flex;opacity: 1}
.gn-overview .gn-pbm-product {display: block;margin: 0 auto;object-fit: contain;width: 100%}
.gn-overview .gn-software-visual {margin-top: 24px;min-height: 246px;position: relative}
.gn-overview .gn-software-bg {background-image: url('https://images.ctfassets.net/wfptrcrbtkd0/6rNwtPGP83M2YqCtPbmQfG/8dd32494cfd24c466e576635516a5c0e/software-background.jpg?fm=webp&q=80');background-position: center;background-repeat: no-repeat;background-size: contain}
.gn-overview .gn-software-copy {display: grid;gap: 16px;margin-top: 24px}
.gn-overview .gn-software-copy p {color: #ffffff;font-size: 16px;line-height: 24px;margin: 0}
.gn-overview .gn-software-copy strong {color: var(--gn-yellow);font-weight: 600}
@media only screen and (min-width: 752px) {
    .gn-overview .gn-heading {font-size: 32px;line-height: 36px}

    .gn-overview .gn-tabs-wrap {margin: 16px 0 0}

    .gn-overview .gn-copy, .gn-overview .gn-card-copy, .gn-overview .gn-pbm-panel, .gn-overview .gn-software-copy p {font-size: 20px;line-height: 30px}

    .gn-overview .gn-card-title {font-size: 24px;line-height: 28px}

    .gn-overview .gn-hero {min-height: 830px}

    .gn-overview .gn-hero-content {align-items: flex-start;justify-content: center;min-height: 670px;text-align: left}

    .gn-overview .gn-logo {max-width: 360px}

    .gn-overview .gn-tagline-small {font-size: 32px;letter-spacing: 6px;line-height: 38px}

    .gn-overview .gn-tagline-large {font-size: 48px;letter-spacing: 6px;line-height: 58px}

    .gn-overview .gn-tagline-svg {height: 34px}

    .gn-overview .gn-hero-product {left: 30%;max-width: none;position: absolute;top: 50%;width: 1060px;z-index: -1;transform: translate(0, -50%)}

    .gn-overview .gn-tabs {gap: 16px;padding: 8px 16px}

    .gn-overview .gn-tab {font-size: 20px;padding: 8px 16px}

    .gn-overview .gn-wand-carousel .swiper-slide {width: calc((100% - 32px) / 2)}

    .gn-overview .gn-wand-carousel .js-gn-swiper:not(.swiper-initialized) .swiper-wrapper {gap: 32px}

    .gn-overview .gn-streamlined-carousel {margin-top: 22px}

    .gn-overview .gn-streamlined-panel {min-height: 820px;padding-top: 18px}

    .gn-overview .gn-streamlined-copy {font-size: 20px;line-height: 30px;max-width: 790px}

    .gn-overview .gn-streamlined-image {margin-top: 28px;max-width: 1080px}

    .gn-overview .gn-streamlined-controls {top: 50%;justify-content: space-between;left: 0;margin: 0 auto;max-width: 1344px;right: 0}

    .gn-overview .gn-power-visual {height: 332px;margin: 16px auto -94px;max-width: 1100px}

    .gn-overview .gn-wavelengths {display: grid;grid-template-columns:repeat(3, 1fr);margin-right: 0;overflow: visible;padding-right: 0}

    .gn-overview .gn-wavelength-card {flex-basis: auto;min-height: 185px;padding: 32px}

    .gn-overview .gn-pbm-grid {display: grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.5fr)}

    .gn-overview .gn-pbm-mobile-stack {display: none}

    .gn-overview .gn-pbm-visual {min-height: 623px}

    .gn-overview .gn-software-visual {min-height: 690px}

    .gn-overview .gn-software-copy {gap: 80px;grid-template-columns:repeat(3, 1fr)}

    .gn-overview .gn-demo-grid {grid-template-columns:minmax(0, 1fr) minmax(0, 1.25fr)}

    .gn-overview .gn-demo-card {padding: 3rem}
}
@media only screen and (min-width: 1140px) {
    .gn-overview .gn-wand-carousel .swiper-slide {width: calc((100% - 64px) / 3)}
}