/* Reference 07, homepage only. Responsive and final spacing review deferred. */
.gh-faq-reference,.gh-launch-reference { font-family: var(--gh-font-family); color: #0a162c; }
.gh-faq-reference *,.gh-launch-reference * { box-sizing: border-box; }
.gh-faq-reference { padding: 28px 0 36px; background: radial-gradient(ellipse at 2% 60%,#e9f7ff,transparent 55%),radial-gradient(ellipse at 100% 15%,#fff8eb,transparent 35%),#f8fcff; }
.gh-faq-heading { text-align: center; margin-bottom: 28px; }
.gh-faq-heading > span { display: inline-flex; gap: 7px; align-items: center; color: #0673ff; background: #f0f7ff; border: 1px solid #dfecfc; border-radius: 24px; padding: 7px 14px; text-transform: uppercase; font-size: 12px; font-weight: 600; }
.gh-faq-heading h2 { color: #0a162c; font-weight: 900; font-size: clamp(30px,2.55vw,52px); line-height: 1.2; letter-spacing: -.05em; margin: 10px 0 8px; }
.gh-faq-heading h2 em { font-style: normal; color: #0874ff; }
.gh-faq-heading > p { color: #607396; font-size: 16px; margin: 0; line-height: 1.5; }
.gh-faq-layout { position: relative; display: grid; grid-template-columns: minmax(0,2.4fr) minmax(0,1fr); gap: 32px; margin-left: 8.5%; margin-right: 3.5%; align-items: stretch; }
.gh-faq-handnote { position: absolute; right: calc(100% + 36px); top: -24px; width: 125px; font: italic 17px/1.35 'Segoe Print','Bradley Hand',cursive; transform: rotate(-9deg); color: #68758a; }
.gh-faq-handnote span { display: block; text-align: right; font-size: 57px; }
.gh-faq-list { display: flex; flex-direction: column; gap: 7px; }
.gh-faq-list details { border-radius: 14px; border: 1px solid #e5edf7; background: #ffffffed; box-shadow: 0 8px 22px #1d588007; }
.gh-faq-list summary { display: flex; align-items: center; gap: 17px; cursor: pointer; padding: 9px 16px; min-height: 51px; list-style: none; color: #0c1730; font-size: 16px; font-weight: 700; letter-spacing: -.03em; }
.gh-faq-list summary::-webkit-details-marker { display: none; }
.gh-faq-number,.gh-faq-toggle { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 50%; background: #ebf5ff; color: #0874ff; font-size: 14px; font-weight: 500; letter-spacing: 0; }
.gh-faq-toggle { margin-left: auto; font-size: 23px; }
.gh-faq-toggle::before { content: '+'; }
.gh-faq-list details[open] .gh-faq-toggle::before { content: '−'; }
.gh-faq-list details > p { margin: 0; padding: 0 67px 20px; color: #6b7fa0; font-size: 14px; line-height: 1.4; }
.gh-faq-support { position: relative; overflow: hidden; padding: 34px 21px 0; border: 1px solid #dfedfc; border-radius: 15px; background: linear-gradient(130deg,#f6fbff,#eef7ff); }
.gh-faq-support h3 { margin: 2px 72px 9px 0; color: #0c1730; font-size: 21px; letter-spacing: -.055em; font-weight: 800; }
.gh-faq-support > p { font-size: 14px; line-height: 1.35; color: #6b7fa0; margin: 0 70px 20px 0; }
.gh-faq-headset { position: absolute; right: 21px; top: 19px; display: grid; place-items: center; width: 70px; height: 70px; border-radius: 50%; background: #e4f1ff; color: #0874ff; font-size: 33px; }
.gh-faq-support-links { display: grid; gap: 8px; }
.gh-faq-support-links a { display: flex; align-items: center; gap: 13px; border: 1px solid #dce9f8; border-radius: 10px; background: #ffffffd9; padding: 8px; color: #0a1630; text-decoration: none; }
.gh-faq-support-links a > i:first-child { display: grid; place-items: center; flex: 0 0 40px; height: 40px; background: #ecf6ff; color: #0874ff; border-radius: 9px; font-size: 23px; }
.gh-faq-support-links strong { display: block; font-size: 13px; font-weight: 700; letter-spacing: -.03em; }
.gh-faq-support-links small { display: block; font-size: 12px; color: #768cac; margin-top: 2px; }
.gh-faq-support-links a > i:last-child { margin-left: auto; color: #0874ff; padding-right: 7px; }
.gh-faq-contact { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 12px; padding: 10px; border: 1px solid #689aff; border-radius: 8px; color: #0874ff; background: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.gh-faq-skyline { position: relative; height: 150px; margin: 9px -21px 0; }
.gh-faq-skyline img { position: absolute; width: 100%; height: 100%; object-fit: fill; inset: 0; opacity: .55; }
.gh-faq-skyline > span { position: absolute; left: 34%; top: 25%; font: italic 18px/1.2 'Segoe Print','Bradley Hand',cursive; color: #617288; transform: rotate(-7deg); text-align: center; }
.gh-faq-skyline > span::after { content: ''; display: block; width: 64px; margin: 7px auto 0; border-top: 2px solid #ff9a00; transform: rotate(-5deg); }
.gh-faq-reference :is(a,summary):focus-visible,.gh-launch-reference a:focus-visible { outline: 3px solid #ff9800; outline-offset: 3px; }
.gh-faq-reference a:hover { text-decoration: none; border-color: #0874ff; }
.gh-launch-reference { padding: 0 0 30px; background: #f8fcff; }
.gh-launch-banner { isolation: isolate; overflow: hidden; position: relative; border-radius: 23px; background: #091725; min-height: 255px; padding: 32px clamp(32px,4.6vw,96px); margin-inline: 2%; color: #fff; }
.gh-launch-earth { position: absolute; z-index: -2; right: 0; top: 0; width: 66%; height: 100%; object-fit: cover; object-position: center 58%; }
.gh-launch-banner::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,#0b1723 0%,#0b1723 32%,#0b1723e8 45%,#0b172330 72%,transparent); }
.gh-launch-copy { position: relative; max-width: 77%; }
.gh-launch-kicker { color: #ffae00; font-size: 12px; font-weight: 600; text-transform: uppercase; display: block; margin-bottom: 6px; }
.gh-launch-copy h2 { color: #fff; font-weight: 800; font-size: clamp(28px,2.35vw,48px); line-height: 1.2; letter-spacing: -.04em; margin: 0 0 8px; }
.gh-launch-copy h2 em { color: #ffa02f; font-style: normal; }
.gh-launch-copy p { color: #eff5fc; font-size: 16px; margin: 0 0 16px; line-height: 1.5; }
.gh-launch-actions { display: flex; gap: 11px; }
.gh-launch-actions a { display: inline-flex; align-items: center; gap: 17px; background: #ff9b00; border: 1px solid #ff9b00; border-radius: 10px; padding: 12px 28px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.gh-launch-actions a:last-child { background: transparent; border-color: #bfc8d0; }
.gh-launch-actions a:hover { background: #e78700; }
.gh-launch-actions a:last-child:hover { background: #ffffff1a; }
.gh-launch-benefits { display: flex; gap: 37px; list-style: none; padding: 0; margin: 23px 0 0; }
.gh-launch-benefits li { display: flex; align-items: center; gap: 12px; font-size: 12px; }
.gh-launch-benefits i { font-size: 18px; }
.gh-launch-trust { position: absolute; right: 3.2%; top: 34%; display: flex; gap: 15px; align-items: center; padding: 12px 19px; border: 1px solid #ffffff24; border-radius: 15px; background: #273b50cb; color: #fff; font-size: 12px; line-height: 1.5; }
.gh-launch-trust > span { width: 9px; height: 9px; border-radius: 50%; background: #30df88; box-shadow: 0 0 0 8px #98dcbd13; }
body.gh-dark-mode .gh-faq-reference,body.gh-dark-mode .gh-launch-reference { background: #0e1b30; }
body.gh-dark-mode .gh-faq-heading h2 { color: #eff6ff; }
body.gh-dark-mode .gh-faq-list details,body.gh-dark-mode .gh-faq-support { background: #162940; border-color: #2b435e; }
body.gh-dark-mode .gh-faq-list summary,body.gh-dark-mode .gh-faq-support h3 { color: #eff6ff; }
body.gh-dark-mode .gh-faq-heading > p,body.gh-dark-mode .gh-faq-list details > p,body.gh-dark-mode .gh-faq-support > p { color: #b2c5df; }
