PageSourceSearch

https://goldcare.com/

html goldcare.com collected 2026-09-28 10:16:19 UTC 142,355 bytes, 1,524 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6
7<title>Join GoldCare's Healthcare Revolution for $17/Month – Trusted by 10,000+ Members</title>
8<meta name="description" content="Tired of the Medical Industrial Complex? GoldCare offers ethical, independent healthcare solutions. Join now for just $17/month and reclaim control over your health.">
9<link rel="canonical" href="https://www.goldcare.com/">
10
11<!-- Open Graph -->
12<meta property="og:title" content="Join GoldCare's Healthcare Revolution for $17/Month – Trusted by 10,000+ Members">
13<meta property="og:description" content="Tired of the Medical Industrial Complex? GoldCare offers ethical, independent healthcare solutions. Join now for just $17/month and reclaim control over your health.">
14<meta property="og:type" content="website">
15<meta property="og:url" content="https://www.goldcare.com/">
16<!-- TODO: og:image — paste a hosted share-image URL here once provided -->
17
18<!-- Twitter Card -->
19<meta name="twitter:card" content="summary_large_image">
20<meta name="twitter:title" content="Join GoldCare's Healthcare Revolution for $17/Month – Trusted by 10,000+ Members">
21<meta name="twitter:description" content="Tired of the Medical Industrial Complex? GoldCare offers ethical, independent healthcare solutions. Join now for just $17/month and reclaim control over your health.">
22
23<!-- Domain verifications -->
24<meta name="google-site-verification" content="OGXnJXJzn1h9phAD2gghMd7FbA3H6vLoOfBAT0BQIQg">
25<meta name="facebook-domain-verification" content="vuo8tou7vk0leugov9owxy4778f1ok">
26
27<!-- Favicon -->
28<link rel="icon" href="assets/goldcare-icon.svg" type="image/svg+xml">
29<link rel="apple-touch-icon" href="assets/goldcare-icon.svg">
30
31<!-- Structured data -->
32<script type="application/ld+json">
33{"@context":"https://schema.org","@type":"Organization","name":"GoldCare","url":"https://www.goldcare.com"}
34</script>
34
35
36<!-- Google Tag Manager -->
37<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src="https://stape.goldcare.com/66idzwigdd.js?"+i;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','2xof=aWQ9R1RNLU1EMjVDTVRW&apiKey=3f69006d');</script>
37
38<!-- End Google Tag Manager -->
39
40<!-- HubSpot (analytics, forms, chat) — portal 43892709 -->
41<script type="text/javascript" id="hs-script-loader" async="async" defer="defer" src="//js.hs-scripts.com/43892709.js"></script>
41
42
43<!-- Placeholder pixels removed (Meta, X Ads, Termly, Sprig, VisitorAPI, FirstPromoter) — provide real IDs to re-add. GTM (GTM-MD25CMTV) + HubSpot remain active. -->
44<style>
45/* Keep HubSpot chat launcher clear of the sticky mobile CTA */
46@media (max-width: 880px) {
47  #hubspot-messages-iframe-container { bottom: 84px !important; }
48}
49</style>
50
51<script src="./support.js"></script>
51
52</head>
53<body>
54<!-- Google Tag Manager (noscript) -->
55<noscript><iframe src="https://stape.goldcare.com/ns.html?id=GTM-MD25CMTV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
56<!-- End Google Tag Manager (noscript) -->
57<template id="__bundler_thumbnail">
58<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 56"><rect width="80" height="56" fill="#0C0C0D"/><text x="40" y="34" text-anchor="middle" font-family="Georgia, serif" font-style="italic" font-size="16" fill="#F7BC57">GC</text></svg>
59</template>
60<x-dc>
61<helmet>
62  <link rel="preconnect" href="https://media.goldcare.com">
63  <link rel="stylesheet" href="_ds/goldcare-design-system-520b2685-7b03-407f-bb57-ac374042bc27/tokens/fonts.css">
64  <link rel="stylesheet" href="_ds/goldcare-design-system-520b2685-7b03-407f-bb57-ac374042bc27/tokens/colors.css">
65  <link rel="stylesheet" href="_ds/goldcare-design-system-520b2685-7b03-407f-bb57-ac374042bc27/tokens/typography.css">
66  <link rel="stylesheet" href="_ds/goldcare-design-system-520b2685-7b03-407f-bb57-ac374042bc27/tokens/spacing.css">
67  <link rel="stylesheet" href="_ds/goldcare-design-system-520b2685-7b03-407f-bb57-ac374042bc27/tokens/effects.css">
68  <link rel="stylesheet" href="_ds/goldcare-design-system-520b2685-7b03-407f-bb57-ac374042bc27/styles.css">
69  
69<script src="_ds/goldcare-design-system-520b2685-7b03-407f-bb57-ac374042bc27/_ds_bundle.js"></script>
69
70  
70<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
70
71  
71<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
71
72  <style>
73    html { scroll-behavior: smooth; }
74    *, *::before, *::after { box-sizing: border-box; }
75    body { margin: 0; background: #FCFCFD; overflow-x: clip; }
76    a { color: #0C0C0D; }
77    a:hover { color: #48474D; }
78    ::selection { background: rgba(232, 214, 178, 0.55); }
79    .gc-mobile-only { display: none; }
80    .v4-sticky { position: sticky; top: 104px; }
81    .v4-how-grid { grid-template-columns: repeat(4, 1fr); }
82    @media (max-width: 1160px) {
83      .v4-how-grid { grid-template-columns: repeat(2, 1fr); }
84    }
85    @media (max-width: 620px) {
86      .v4-how-grid { grid-template-columns: 1fr; }
87    }
88    @media (max-width: 880px) {
89      .gc-mobile-only { display: block; }
90      .v4-sticky { position: static; }
91    }
92    .v4-founder { min-height: clamp(540px, 64vh, 660px); }
93    .v4-founder-scrim { background: linear-gradient(100deg, rgba(12, 12, 13, 0.82) 0%, rgba(12, 12, 13, 0.55) 34%, rgba(12, 12, 13, 0.16) 56%, rgba(12, 12, 13, 0) 72%); }
94    .v4-founder-content { max-width: 500px; padding: clamp(32px, 4vw, 56px); }
95    @media (max-width: 880px) {
96      .v4-founder { min-height: 0; }
97      .v4-founder-scrim { background: linear-gradient(0deg, rgba(12, 12, 13, 0.9) 0%, rgba(12, 12, 13, 0.66) 34%, rgba(12, 12, 13, 0.12) 62%, rgba(12, 12, 13, 0) 76%); }
98      .v4-founder-content { max-width: none; padding: 26px 22px 30px; }
99    }
100    @keyframes v4Marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
101    .v4-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
102    .v4-marquee-track { display: flex; width: max-content; animation: v4Marquee 75s linear infinite; }
103    .v4-marquee-rev { animation-direction: reverse; }
104    .v4-marquee:hover .v4-marquee-track { animation-play-state: paused; }
105    .v4-tcard { width: 372px; flex: none; display: flex; padding-right: 16px; }
106    @media (max-width: 620px) { .v4-tcard { width: 312px; } }
107    @media (prefers-reduced-motion: reduce) { .v4-marquee-track { animation: none; } }
108    .v4-halves { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 16px; align-items: stretch; }
109    @media (max-width: 880px) { .v4-halves { grid-template-columns: 1fr; gap: 10px; } }
110    @media (max-width: 1160px) {
111      header nav { display: none !important; }
112      .v4-hamb { display: inline-flex !important; }
113      .v4-hdrwrap header > div { justify-content: space-between; }
114      .v4-hdrwrap header > div > div:last-child { margin-right: 56px; }
115    }
116    .v4-hamb { display: none; position: absolute; top: 13px; right: clamp(20px, 5vw, 64px); width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: var(--radius-lg); border: none; background: transparent; color: #0C0C0D; cursor: pointer; transition: background var(--duration-fast) var(--easing-out), color var(--duration-fast) var(--easing-out); }
117    .v4-hamb:hover { background: #F2F2F7; }
118    .v4-hdr-overlay .v4-hamb { color: rgba(252, 252, 253, 0.92); }
119    .v4-hdr-overlay .v4-hamb:hover { background: rgba(252, 252, 253, 0.14); color: #FFFFFF; }
120    .v4-hdrwrap { position: sticky; top: 0; transition: transform 300ms cubic-bezier(0, 0, 0.2, 1); }
121    .v6-hdr-hidden { transform: translateY(-105%); }
122    .v4-marquee.v6-paused .v4-marquee-track { animation-play-state: paused; }
123    .gc-body-lg, .gc-small { color: #48474D; }
124    swiper-container::part(button-prev), swiper-container::part(button-next) { width: 34px; height: 34px; border-radius: 9999px; background: rgba(252, 252, 253, 0.95); border: 1px solid #E6E6E8; color: #0C0C0D; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07); }
125    .v4-hdrwrap header { transition: background var(--duration-normal) var(--easing-out), border-color var(--duration-normal) var(--easing-out), box-shadow var(--duration-normal) var(--easing-out) !important; }
126    @media (min-width: 881px) {
127      .v4-hdrwrap { position: fixed; top: 0; left: 0; right: 0; }
128      .v4-hdr-overlay header { background: transparent !important; }
129      .v4-hdr-overlay header nav a { color: rgba(252, 252, 253, 0.92) !important; }
130      .v4-hdr-overlay header nav a:hover { color: #FFFFFF !important; background: rgba(252, 252, 253, 0.14) !important; }
131      .v4-hdr-overlay header > div > div > a:first-child { color: rgba(252, 252, 253, 0.92) !important; }
132      .v4-hdr-overlay header > div > div > a:first-child:hover { color: #FFFFFF !important; }
133      .v4-hdr-overlay header > div > div > a:last-child { background: #FCFCFD !important; border-color: #FCFCFD !important; color: #0C0C0D !important; }
134      .v4-hdr-overlay header > div > div > a:last-child:hover { background: #FFFFFF !important; }
135    }
136    .v4-hero-stats { display: flex; align-items: stretch; gap: clamp(20px, 2.6vw, 36px); }
137    .v6t-rail { display: flex; gap: 14px; align-items: stretch; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; scroll-snap-type: x proximity; cursor: grab; padding: 8px max(clamp(20px, 5vw, 64px), calc((100vw - 1208px) / 2)) 12px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
138    .v6t-rail::-webkit-scrollbar { display: none; }
139    .v6t-rail.v6t-dragging { cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; }
140    .v6t-card { position: relative; flex: none; width: clamp(212px, 20vw, 258px); aspect-ratio: 3 / 4; scroll-snap-align: center; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-card); background: #1B1B1D; padding: 0; cursor: pointer; text-align: left; font-family: inherit; transition: transform 300ms var(--easing-out), box-shadow 300ms var(--easing-out); }
141    .v6t-card:hover, .v6t-card:focus-visible { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(12, 12, 13, 0.14); }
142    .v6t-card:focus-visible { outline: 2px solid var(--gold-deep); outline-offset: 3px; }
143    .v6t-card img, .v6t-card video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
144    .v6t-card video { opacity: 0; transition: opacity 450ms var(--easing-out); }
145    .v6t-card.v6t-playing video { opacity: 1; }
146    .v6t-playpill { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.85); width: 46px; height: 46px; border-radius: var(--radius-pill); display: inline-flex; align-items: center; justify-content: center; background: rgba(252, 252, 253, 0.94); border: 1px solid var(--border-card); color: #0C0C0D; opacity: 0; transition: opacity 220ms var(--easing-out), transform 220ms var(--easing-out), background 200ms var(--easing-out); pointer-events: none; }
147    .v6t-card:hover .v6t-playpill, .v6t-card:focus-visible .v6t-playpill { opacity: 1; transform: translate(-50%, -50%) scale(1); background: #E8D6B2; }
148    @media (hover: none) { .v6t-playpill { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
149    @media (max-width: 880px) { .v6t-card { width: min(60vw, 236px); } }
150    .v6t-nav { display: inline-flex; }
151    @media (max-width: 880px) { .v6t-nav { display: none; } }
152    .v6t-lb { display: none; position: fixed; inset: 0; z-index: 140; align-items: center; justify-content: center; }
153    .v6t-lb.v6t-open { display: flex; }
154    .v6t-lbin { animation: v6tLbIn 320ms var(--easing-out); }
155    @keyframes v6tLbIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
156    @media (prefers-reduced-motion: reduce) { .v6t-lbin { animation: none; } }
157    .v6t-lbcontrols { position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 14px 12px; display: flex; align-items: center; gap: 12px; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.65)); transition: opacity 300ms var(--easing-out); }
158    .v6t-lbstage.v6t-idle .v6t-lbcontrols { opacity: 0; }
159    .v6t-lbctl { background: none; border: 0; color: #FCFCFD; cursor: pointer; padding: 4px; display: inline-flex; align-items: center; justify-content: center; }
160    .v6t-lbctl:hover { color: #E8D6B2; }
161    .v6t-lbarrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 42px; height: 42px; border-radius: var(--radius-pill); background: rgba(252, 252, 253, 0.1); border: 1px solid rgba(252, 252, 253, 0.2); color: #FCFCFD; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 200ms var(--easing-out); }
162    .v6t-lbarrow:hover { background: rgba(252, 252, 253, 0.22); }
163    @media (max-width: 720px) { .v6t-lbarrow { width: 38px; height: 38px; background: rgba(12, 12, 13, 0.45); } }
164    .v4-footgrid { display: grid; grid-template-columns: minmax(240px, 1.35fr) repeat(3, minmax(150px, 1fr)); gap: clamp(28px, 4vw, 56px); }
165    @media (max-width: 880px) { .v4-footgrid { grid-template-columns: 1fr 1fr; } .v4-footbrand { grid-column: 1 / -1; } }
166    /* ===== V7 providers carousel ===== */
167    .v7p-mask { -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
168    .v7p-swiper { display: block; width: 100%; padding: 8px 0 12px; }
169    .v7p-slide { height: auto; display: flex; box-sizing: border-box; }
170    .v7p-card { position: relative; display: flex; flex-direction: column; width: 100%; border: 1px solid var(--border-card); border-radius: var(--radius-2xl); background: var(--surface-card); overflow: hidden; padding: 0; cursor: pointer; text-align: left; font-family: inherit; transition: transform 300ms var(--easing-out), box-shadow 300ms var(--easing-out); }
171    .v7p-card:hover, .v7p-card:focus-visible { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(12, 12, 13, 0.12); }
172    .v7p-card:focus-visible { outline: 2px solid var(--gold-deep); outline-offset: 3px; }
173    .v7p-media { position: relative; width: 100%; aspect-ratio: 4 / 4.6; background: #EAEAEB; flex: none; overflow: hidden; }
174    .v7p-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 450ms var(--easing-out); pointer-events: none; }
175    .v7p-card.v7p-ready .v7p-media video { opacity: 1; }
176    .v7p-playpill { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.85); width: 46px; height: 46px; border-radius: var(--radius-pill); display: inline-flex; align-items: center; justify-content: center; background: rgba(252, 252, 253, 0.94); border: 1px solid var(--border-card); color: #0C0C0D; opacity: 0; transition: opacity 220ms var(--easing-out), transform 220ms var(--easing-out), background 200ms var(--easing-out); pointer-events: none; }
177    .v7p-card:hover .v7p-playpill, .v7p-card:focus-visible .v7p-playpill { opacity: 1; transform: translate(-50%, -50%) scale(1); background: #E8D6B2; }
178    @media (hover: none) { .v7p-playpill { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
179    .v7p-info { padding: 15px 18px 18px; display: flex; flex-direction: column; gap: 5px; flex: 1; }
180    .v7p-quote { margin: 7px 0 0; font-size: 13.5px; line-height: 1.55; color: #48474D; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 63px; }
181    .v7p-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 40px; height: 40px; border-radius: var(--radius-pill); background: var(--surface-card); border: 1px solid var(--border-card); color: var(--text-primary); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--shadow-card-soft); padding: 0; }
182    .v7p-nav:hover { background: #F2F2F7; }
183    @media (max-width: 880px) { .v7p-nav { display: none; } }
184    /* HubSpot chat: lift above the sticky mobile CTA bar */
185    @media (max-width: 880px) {
186      #hubspot-messages-iframe-container { bottom: 92px !important; }
187    }
188    /* ===== V5 mobile refinements ===== */
189    swiper-container { display: block; width: 100%; }
190    swiper-container::part(pagination) { position: static; margin-top: 16px; }
191    .v5-maptitle { max-width: 15ch; }
192    @media (max-width: 880px) {
193      .v4-hdrwrap { position: fixed; top: 0; left: 0; right: 0; }
194      .v4-hdrwrap header { background: #FCFCFD !important; border-bottom: 1px solid #EFEFF2 !important; }
195      .v4-hdrwrap header > div { justify-content: space-between; }
196      .v4-hdrwrap header > div > div:last-child > a:last-child { display: none !important; }
197      .v4-hdrwrap header img { height: 27px !important; }
198      .v5-maptitle { max-width: none; }
199      .v5-mapitem { font-size: 21px !important; }
200      #map a[data-reveal] { padding: 19px 0 !important; }
201      .v5-founder-img { object-position: 84% 12% !important; }
202      .v5-pricing { padding-top: 80px !important; padding-bottom: 84px !important; }
203      .v5-price-head { padding: 36px 28px 26px !important; gap: 18px !important; }
204      .v5-price-num { font-size: 80px !important; }
205      .v5-price-mid { padding: 24px 28px !important; }
206      .v5-price-mid span { font-size: 13.5px !important; color: var(--text-secondary) !important; }
207      .v5-price-foot { padding: 24px 28px 30px !important; }
208    }
209  </style>
210</helmet>
211
212<div id="top" style="background: var(--bg-primary); font-family: var(--font-sans); color: var(--text-primary);">
213
214  <!-- ============ HEADER ============ -->
215  <div data-screen-label="Header" class="{{ headerClass }}" style="z-index: var(--z-sticky);">
216    <x-import component-from-global-scope="GoldCareDesignSystem_520b26.SiteHeader" links="{{ navLinks }}" scrolled="{{ scrolled }}" cta-label="Start Free" cta-icon="arrow-right" cta-href="https://app.goldcare.com/auth/signup?coupon=trial&plan=annual" login-href="https://app.goldcare.com/" hint-size="100%,68px"></x-import>
217    <button type="button" class="v4-hamb" aria-label="Menu" aria-expanded="{{ menuOpen }}" onClick="{{ toggleMenu }}">
218      <sc-if value="{{ menuClosed }}" hint-placeholder-val="{{ true }}"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></sc-if>
219      <sc-if value="{{ menuOpen }}" hint-placeholder-val="{{ false }}"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></sc-if>
220    </button>
221    <sc-if value="{{ resOpen }}" hint-placeholder-val="{{ false }}">
222      <div class="v4-resdd" style="{{ resPanelStyle }}">
223        <a href="https://site.goldcare.com/clinicianopportunities" target="_blank" rel="noopener noreferrer" style="display: block; padding: 10px 14px; border-radius: 8px; font-size: 14px; font-weight: 500; color: #48474D; text-decoration: none;" style-hover="background: #F2F2F7; color: #0C0C0D;">Clinician Opportunities</a>
224        <a href="/clinicians" style="display: block; padding: 10px 14px; border-radius: 8px; font-size: 14px; font-weight: 500; color: #48474D; text-decoration: none;" style-hover="background: #F2F2F7; color: #0C0C0D;">Doctors and Advisors</a>
225        <a href="/med-packs" style="display: block; padding: 10px 14px; border-radius: 8px; font-size: 14px; font-weight: 500; color: #48474D; text-decoration: none;" style-hover="background: #F2F2F7; color: #0C0C0D;">Med-Packs</a>
226        <a href="/wellnessu" style="display: block; padding: 10px 14px; border-radius: 8px; font-size: 14px; font-weight: 500; color: #48474D; text-decoration: none;" style-hover="background: #F2F2F7; color: #0C0C0D;">WellnessU</a>
227        <a href="/community" style="display: block; padding: 10px 14px; border-radius: 8px; font-size: 14px; font-weight: 500; color: #48474D; text-decoration: none;" style-hover="background: #F2F2F7; color: #0C0C0D;">Community Forum</a>
228      </div>
229    </sc-if>
230    <sc-if value="{{ menuOpen }}" hint-placeholder-val="{{ false }}">
231      <div class="v4-mnav" style="position: absolute; top: 68px; left: 0; right: 0; background: #FCFCFD; border-bottom: 1px solid #EFEFF2; box-shadow: 0 24px 34px -26px rgba(12, 12, 13, 0.3); max-height: calc(100dvh - 68px); overflow-y: auto; overscroll-behavior: contain;">
232        <div style="max-width: var(--container-max); margin: 0 auto; padding: 8px clamp(20px, 5vw, 64px) 22px; display: flex; flex-direction: column;">
233          <a href="#pricing" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 13px 2px; font-size: 15px; font-weight: 500; color: #0C0C0D; text-decoration: none;">Membership</a>
234          <a href="/insurance" target="_blank" rel="noopener noreferrer" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 13px 2px; font-size: 15px; font-weight: 500; color: #0C0C0D; text-decoration: none;">Insurance<img src="assets/new-tag.svg" alt="New" style="height: 18px; width: auto; display: block;"></a>
235          <a href="#doctors" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 13px 2px; font-size: 15px; font-weight: 500; color: #0C0C0D; text-decoration: none;">Care</a>
236          <div style="margin-top: 8px; padding-top: 12px; border-top: 1px solid #EFEFF2; display: flex; flex-direction: column;">
237            <div style="font-size: 12px; font-weight: 600; letter-spacing: 0.18px; text-transform: uppercase; color: #8C8B94; padding: 2px 2px 4px;">Resources</div>
238            <a href="https://site.goldcare.com/clinicianopportunities" target="_blank" rel="noopener noreferrer" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 12px 2px; font-size: 15px; font-weight: 500; color: #48474D; text-decoration: none;">Clinician Opportunities</a>
239            <a href="/clinicians" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 12px 2px; font-size: 15px; font-weight: 500; color: #48474D; text-decoration: none;">Doctors and Advisors</a>
240            <a href="/med-packs" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 12px 2px; font-size: 15px; font-weight: 500; color: #48474D; text-decoration: none;">Med-Packs</a>
241            <a href="/wellnessu" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 12px 2px; font-size: 15px; font-weight: 500; color: #48474D; text-decoration: none;">WellnessU</a>
242            <a href="/community" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 12px 2px; font-size: 15px; font-weight: 500; color: #48474D; text-decoration: none;">Community Forum</a>
243          </div>
244          <div style="margin-top: 8px; padding-top: 8px; border-top: 1px solid #EFEFF2; display: flex; flex-direction: column;">
245            <a href="#founder" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 13px 2px; font-size: 15px; font-weight: 500; color: #0C0C0D; text-decoration: none;">About</a>
246            <a href="https://store.goldcare.com/" target="_blank" rel="noopener noreferrer" onClick="{{ closeMenu }}" style="display: flex; align-items: center; gap: 8px; padding: 13px 2px; font-size: 15px; font-weight: 500; color: #0C0C0D; text-decoration: none;">Store<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="opacity: 0.6;"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a>
247          </div>
248        </div>
249      </div>
250    </sc-if>
251  </div>
252
253  <!-- ============ HERO ============ -->
254  <section id="hero" data-screen-label="Hero" style="background: var(--bg-inverse);">
255    <sc-if value="{{ isDesktop }}" hint-placeholder-val="{{ true }}">
256      <div style="position: relative; height: min(92vh, 700px); min-height: 560px; overflow: hidden; display: flex;">
257        <img src="assets/hero-family.png" alt="Three generations of a family sharing a golden-hour meal in their backyard" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 64% 42%;">
258        <div style="position: absolute; inset: 0; background: linear-gradient(112deg, rgba(12, 12, 13, 0.74) 0%, rgba(12, 12, 13, 0.52) 28%, rgba(12, 12, 13, 0.22) 52%, rgba(12, 12, 13, 0) 68%); pointer-events: none;"></div>
259        <div style="position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 12, 13, 0.38) 0%, rgba(12, 12, 13, 0) 30%, rgba(12, 12, 13, 0) 55%, rgba(12, 12, 13, 0.5) 100%); pointer-events: none;"></div>
260        <div style="position: relative; flex: 1; width: 100%; max-width: var(--container-max); margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; gap: 36px; padding: calc(68px + clamp(20px, 2.6vw, 40px)) var(--section-pad-x) clamp(26px, 3vw, 44px)">
261          <div style="flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; max-width: 540px;">
262            <h1 style="margin: 0; font-size: clamp(34px, 3.1vw, 50px); font-weight: 500; letter-spacing: -0.022em; line-height: 1.14; color: #FCFCFD; text-shadow: 0 1px 3px rgba(12, 12, 13, 0.3), 0 8px 40px rgba(12, 12, 13, 0.25); text-wrap: balance;">Healthcare that actually <em style="font-family: var(--font-display); font-style: italic; font-weight: 500; color: #F7CE77; text-shadow: 0 1px 3px rgba(12, 12, 13, 0.45), 0 6px 30px rgba(12, 12, 13, 0.4);">cares</em>. Try it <em style="font-family: var(--font-display); font-style: italic; font-weight: 500; color: #F7CE77; text-shadow: 0 1px 3px rgba(12, 12, 13, 0.45), 0 6px 30px rgba(12, 12, 13, 0.4);">free</em> for 30 days.</h1>
263            <p style="margin: 0; max-width: 43ch; font-size: clamp(15px, 1.1vw, 16.5px); line-height: 1.65; color: rgba(252, 252, 253, 0.96); text-shadow: 0 1px 2px rgba(12, 12, 13, 0.35), 0 6px 24px rgba(12, 12, 13, 0.3); text-wrap: pretty;">A membership with independent doctors who answer to you, a personal plan built around your life, medications delivered to your door, and education to help you understand it all.</p>
264            <a href="https://app.goldcare.com/auth/signup?coupon=trial&plan=annual" style="display: inline-flex; align-items: center; gap: 12px; height: 56px; padding: 0 26px 0 22px; margin-top: 8px; border-radius: var(--radius-lg); background: #FCFCFD; color: #0C0C0D; font-size: 16px; font-weight: 500; text-decoration: none; box-shadow: 0 10px 34px rgba(12, 12, 13, 0.35); transition: transform var(--duration-fast) var(--easing-out), background var(--duration-fast) var(--easing-out);" style-hover="transform: translateY(-1px); background: #FFFFFF;"><span style="width: 9px; height: 9px; border-radius: 9999px; background: linear-gradient(135deg, #F7BC57, #946326); flex: none;"></span>Start your 30 days free<i data-lucide="arrow-right" style="width: 17px; height: 17px;"></i></a>
265          </div>
266          <div style="display: flex; justify-content: flex-start">
267            <div class="v4-hero-stats" style="gap: clamp(10px, 2vw, 26px); align-items: stretch">
268              <div style="display: flex; flex-direction: column; gap: 6px;">
269                <span style="font-weight: 500; letter-spacing: -0.018em; line-height: 1.1; color: #FCFCFD; text-shadow: 0 1px 3px rgba(12, 12, 13, 0.4); font-variant-numeric: tabular-nums; white-space: nowrap; font-size: 18px">10,000+ members</span>
270                <span style="font-size: 13.5px; color: rgba(252, 252, 253, 0.85); text-shadow: 0 1px 2px rgba(12, 12, 13, 0.4); white-space: nowrap;">Across all 50 states</span>
271              </div>
272              <span style="width: 1px; background: rgba(252, 252, 253, 0.32); flex: none;"></span>
273              <div style="display: flex; flex-direction: column; gap: 6px;">
274                <span style="font-weight: 500; letter-spacing: -0.018em; line-height: 1.1; color: #FCFCFD; text-shadow: 0 1px 3px rgba(12, 12, 13, 0.4); font-variant-numeric: tabular-nums; white-space: nowrap; font-size: 18px">$17/month</span>
275                <span style="font-size: 13.5px; color: rgba(252, 252, 253, 0.85); text-shadow: 0 1px 2px rgba(12, 12, 13, 0.4); white-space: nowrap;">After your 30-day free trial</span>
276              </div>
277              <span style="width: 1px; background: rgba(252, 252, 253, 0.32); flex: none;"></span>
278              <div style="display: flex; flex-direction: column; gap: 6px;">
279                <span style="font-size: 18px; font-weight: 500; letter-spacing: -0.018em; line-height: 1.1; color: #FCFCFD; text-shadow: 0 1px 3px rgba(12, 12, 13, 0.4); white-space: nowrap">Cancel anytime</span>
280                <span style="font-size: 13.5px; color: rgba(252, 252, 253, 0.85); text-shadow: 0 1px 2px rgba(12, 12, 13, 0.4); white-space: nowrap;">Two clicks, no contracts</span>
281              </div>
282            </div>
283          </div>
284        </div>
285      </div>
286    </sc-if>
287    <sc-if value="{{ isMobile }}" hint-placeholder-val="{{ false }}">
288      <div style="background: var(--bg-primary); padding: 96px 20px 30px; display: flex; flex-direction: column; align-items: stretch; gap: 16px;">
289        <h1 style="margin: 0; font-size: clamp(32px, 8.6vw, 40px); font-weight: 500; letter-spacing: -0.025em; line-height: 1.08; color: var(--text-primary); text-wrap: balance;">Healthcare that actually <em class="gc-accent">cares</em>. Try it <em class="gc-accent">free</em> for 30 days.</h1>
290        <p class="gc-body-lg" style="margin: 0; text-wrap: pretty;">A membership with independent doctors who answer to you, a personal plan built around your life, medications delivered to your door, and education to help you understand it all.</p>
291        <div style="display: flex; flex-direction: column; gap: 10px;">
292          <x-import component-from-global-scope="GoldCareDesignSystem_520b26.Button" variant="gold" size="lg" full-width="{{ true }}" href="https://app.goldcare.com/auth/signup?coupon=trial&plan=annual" hint-size="100%,54px">Start your 30 days free</x-import>
293          <x-import component-from-global-scope="GoldCareDesignSystem_520b26.Button" variant="ghost" size="lg" full-width="{{ true }}" icon-right="arrow-down" href="#how" hint-size="100%,54px">See how it works</x-import>
294        </div>
295        <div data-reveal="" style="position: relative; height: 224px; border-radius: var(--radius-2xl); overflow: hidden; border: 1px solid var(--border-card);">
296          <img src="assets/hero-family.png" alt="Three generations of a family sharing a golden-hour meal in their backyard" style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 30%;">
297          <div style="position: absolute; inset: 0; background: linear-gradient(90deg, rgba(12, 12, 13, 0.5) 0%, rgba(12, 12, 13, 0.24) 42%, rgba(12, 12, 13, 0) 68%); pointer-events: none;"></div>
298        </div>
299        <div style="display: flex; align-items: stretch; gap: 14px; justify-content: flex-start; flex-wrap: wrap; margin-top: 2px;">
300          <div style="display: flex; flex-direction: column; gap: 4px;">
301            <span style="font-size: 16px; font-weight: 500; letter-spacing: -0.018em; line-height: 1.1; color: var(--text-primary); font-variant-numeric: tabular-nums; white-space: nowrap;">10,000+ members</span>
302            <span style="font-size: 12px; color: #48474D; white-space: nowrap;">Across all 50 states</span>
303          </div>
304          <span style="width: 1px; background: var(--border-secondary); flex: none;"></span>
305          <div style="display: flex; flex-direction: column; gap: 4px;">
306            <span style="font-size: 16px; font-weight: 500; letter-spacing: -0.018em; line-height: 1.1; color: var(--text-primary); font-variant-numeric: tabular-nums; white-space: nowrap;">$17/month</span>
307            <span style="font-size: 12px; color: #48474D; white-space: nowrap;">After your 30-day free trial</span>
308          </div>
309          <span style="width: 1px; background: var(--border-secondary); flex: none;"></span>
310          <div style="display: flex; flex-direction: column; gap: 4px;">
311            <span style="font-size: 16px; font-weight: 500; letter-spacing: -0.018em; line-height: 1.1; color: var(--text-primary); white-space: nowrap;">Cancel anytime</span>
312            <span style="font-size: 12px; color: #48474D; white-space: nowrap;">Two clicks, no contracts</span>
313          </div>
314        </div>
315      </div>
316    </sc-if>
317  </section>
318
319  <!-- ============ THE OFFER ============ -->
320  <section id="offer" data-screen-label="The Offer" style="scroll-margin-top: 76px;">
321    <dc-import name="Welcome Offer v6" hint-size="100%,780px" layout="auto"></dc-import>
322  </section>
323
324  <!-- ============ THE MAP ============ -->
325  <section id="map" data-screen-label="The Map" style="background: var(--bg-primary); padding: var(--section-pad-y) var(--section-pad-x); scroll-margin-top: 76px;">
326    <div style="max-width: var(--container-max); margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr)); gap: clamp(32px, 5vw, 88px); align-items: start;">
327      <div class="v4-sticky" style="display: flex; flex-direction: column; align-items: flex-start; gap: 18px;">
328        <h2 class="gc-h2 v5-maptitle" style="margin: 0; text-wrap: balance;">Your membership is the <em class="gc-accent">key</em>. It opens one connected system:</h2>
329        <p style="margin: 0; font-size: 14px; font-style: italic; line-height: 1.6; color: var(--text-body); max-width: 46ch; text-wrap: pretty;">The membership includes the system. Doctor visits are the only thing you pay for as you go: transparent rates, you set the length.</p>
330      </div>
331      <div style="display: flex; flex-direction: column;">
332        <a data-reveal="" href="#how" style="display: grid; grid-template-columns: clamp(40px, 4vw, 60px) 1fr auto; align-items: center; gap: 16px; padding: clamp(24px, 3vw, 38px) 0; border-top: 1px solid var(--border-primary); text-decoration: none; color: var(--text-primary); transition: color var(--duration-fast) var(--easing-out);" style-hover="color: var(--gold-ink);">
333          <span style="font-size: 13px; font-weight: 600; color: var(--text-tertiary); font-variant-numeric: tabular-nums;">01</span>
334          <span class="v5-mapitem" style="font-size: clamp(22px, 2.6vw, 32px); font-weight: 500; letter-spacing: -0.02em; line-height: 1.15;">Your nurse &amp; plan</span>
335          <i data-lucide="arrow-up-right" style="width: 22px; height: 22px; opacity: 0.55;"></i>
336        </a>
337        <a data-reveal="" href="#doctors" style="display: grid; grid-template-columns: clamp(40px, 4vw, 60px) 1fr auto; align-items: center; gap: 16px; padding: clamp(24px, 3vw, 38px) 0; border-top: 1px solid var(--border-secondary); text-decoration: none; color: var(--text-primary); transition: color var(--duration-fast) var(--easing-out);" style-hover="color: var(--gold-ink);">
338          <span style="font-size: 13px; font-weight: 600; color: var(--text-tertiary); font-variant-numeric: tabular-nums;">02</span>
339          <span class="v5-mapitem" style="font-size: clamp(22px, 2.6vw, 32px); font-weight: 500; letter-spacing: -0.02em; line-height: 1.15;">Independent doctors</span>
340          <i data-lucide="arrow-up-right" style="width: 22px; height: 22px; opacity: 0.55;"></i>
341        </a>
342        <a data-reveal="" href="#wellnessu" style="display: grid; grid-template-columns: clamp(40px, 4vw, 60px) 1fr auto; align-items: center; gap: 16px; padding: clamp(24px, 3vw, 38px) 0; border-top: 1px solid var(--border-secondary); text-decoration: none; color: var(--text-primary); transition: color var(--duration-fast) var(--easing-out);" style-hover="color: var(--gold-ink);">
343          <span style="font-size: 13px; font-weight: 600; color: var(--text-tertiary); font-variant-numeric: tabular-nums;">03</span>
344          <span class="v5-mapitem" style="font-size: clamp(22px, 2.6vw, 32px); font-weight: 500; letter-spacing: -0.02em; line-height: 1.15;">WellnessU classes</span>
345          <i data-lucide="arrow-up-right" style="width: 22px; height: 22px; opacity: 0.55;"></i>
346        </a>
347        <a data-reveal="" href="#included" style="display: grid; grid-template-columns: clamp(40px, 4vw, 60px) 1fr auto; align-items: center; gap: 16px; padding: clamp(24px, 3vw, 38px) 0; border-top: 1px solid var(--border-secondary); text-decoration: none; color: var(--text-primary); transition: color var(--duration-fast) var(--easing-out);" style-hover="color: var(--gold-ink);">
348          <span style="font-size: 13px; font-weight: 600; color: var(--text-tertiary); font-variant-numeric: tabular-nums;">04</span>
349          <span class="v5-mapitem" style="font-size: clamp(22px, 2.6vw, 32px); font-weight: 500; letter-spacing: -0.02em; line-height: 1.15;">Med-Packs</span>
350          <i data-lucide="arrow-up-right" style="width: 22px; height: 22px; opacity: 0.55;"></i>
351        </a>
352        <a data-reveal="" href="#included" style="display: grid; grid-template-columns: clamp(40px, 4vw, 60px) 1fr auto; align-items: center; gap: 16px; padding: clamp(24px, 3vw, 38px) 0; border-top: 1px solid var(--border-secondary); border-bottom: 1px solid var(--border-primary); text-decoration: none; color: var(--text-primary); transition: color var(--duration-fast) var(--easing-out);" style-hover="color: var(--gold-ink);">
353          <span style="font-size: 13px; font-weight: 600; color: var(--text-tertiary); font-variant-numeric: tabular-nums;">05</span>
354          <span class="v5-mapitem" style="font-size: clamp(22px, 2.6vw, 32px); font-weight: 500; letter-spacing: -0.02em; line-height: 1.15;">Community</span>
355          <i data-lucide="arrow-up-right" style="width: 22px; height: 22px; opacity: 0.55;"></i>
356        </a>
357      </div>
358    </div>
359  </section>
360
361  <!-- ============ HOW IT WORKS ============ -->
362  <section id="how" data-screen-label="How It Works" style="background: var(--bg-primary); padding: clamp(30px, 4vw, 60px) var(--section-pad-x) var(--section-pad-y); scroll-margin-top: 76px;">
363    <div style="max-width: var(--container-max); margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 22px;">
364      <x-import component-from-global-scope="GoldCareDesignSystem_520b26.EyebrowPill" hint-size="auto,30px">How It Works</x-import>
365      <h2 class="gc-h2" style="margin: 0; text-align: center; text-wrap: balance;">Four steps. That's the <em class="gc-accent">whole</em> thing.</h2>
366      <p class="gc-body-lg" style="margin: 0; text-align: center; max-width: 760px;">No referrals. No gatekeepers. No insurance codes to decipher. You start free, a nurse builds your plan with you, you meet your doctor, you keep living.</p>
367      <sc-if value="{{ isDesktop }}" hint-placeholder-val="{{ true }}">
368      <div data-reveal="" class="v4-how-grid" style="display: grid; gap: clamp(28px, 3vw, 36px) clamp(20px, 2.2vw, 28px); width: 100%; margin-top: 30px;">
369        <div style="display: flex; flex-direction: column; gap: 10px;">
370          <div style="aspect-ratio: 4 / 5; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-card); background: var(--brand-100); margin-bottom: 8px;">
371            <img src="assets/how-step-1.png" alt="A member relaxing at home with her GoldCare membership active, 30 days free" style="width: 100%; height: 100%; object-fit: cover; display: block;">
372          </div>
373          <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.14px; text-transform: uppercase; color: var(--text-gold);">Step 1</span>
374          <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em;">Start your 30 days free.</h3>
375          <p style="margin: 0; font-size: 14px; line-height: 1.6; color: #48474D; text-wrap: pretty;">Create your account in two minutes, with no paperwork and no sales calls. Cancel anytime in two clicks.</p>
376        </div>
377        <div style="display: flex; flex-direction: column; gap: 10px;">
378          <div style="aspect-ratio: 4 / 5; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-card); background: var(--brand-100); margin-bottom: 8px;">
379            <img src="assets/how-step-2.png" alt="The GoldCare app showing Victoria, RN, your care nurse, and your personal plan" style="width: 100%; height: 100%; object-fit: cover; display: block;">
380          </div>
381          <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.14px; text-transform: uppercase; color: var(--text-gold);">Step 2</span>
382          <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em;">Schedule your nurse call.</h3>
383          <p style="margin: 0; font-size: 14px; line-height: 1.6; color: #48474D; text-wrap: pretty;">Book your free nurse call in the GoldCare platform. Your nurse will be ready to meet with you at the scheduled time.</p>
384        </div>
385        <div style="display: flex; flex-direction: column; gap: 10px;">
386          <div style="aspect-ratio: 4 / 5; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-card); background: var(--brand-100); margin-bottom: 8px;">
387            <img src="assets/how-step-3.png" alt="A member on her porch with a telehealth visit confirmed with Dr. Bennett" style="width: 100%; height: 100%; object-fit: cover; display: block;">
388          </div>
389          <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.14px; text-transform: uppercase; color: var(--text-gold);">Step 3</span>
390          <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em;">Meet your doctor.</h3>
391          <p style="margin: 0; font-size: 14px; line-height: 1.6; color: #48474D; text-wrap: pretty;">Schedule a telehealth visit you set the length with the vetted clinician your nurse matched you with.</p>
392        </div>
393        <div style="display: flex; flex-direction: column; gap: 10px;">
394          <div style="aspect-ratio: 4 / 5; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-card); background: var(--brand-100); margin-bottom: 8px;">
395            <img src="assets/how-step-4.png" alt="The GoldCare app home screen with your health plan, education, and community" style="width: 100%; height: 100%; object-fit: cover; display: block;">
396          </div>
397          <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.14px; text-transform: uppercase; color: var(--text-gold);">Step 4</span>
398          <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em;">Live your life.</h3>
399          <p style="margin: 0; font-size: 14px; line-height: 1.6; color: #48474D; text-wrap: pretty;">Watch classes, order Med-Packs, join the community, and come back whenever you need care.</p>
400        </div>
401      </div>
402      </sc-if>
403      <sc-if value="{{ isMobile }}" hint-placeholder-val="{{ false }}">
404      <swiper-container slides-per-view="1.14" space-between="14" pagination="true" navigation="true" style="margin-top: 18px; --swiper-navigation-size: 15px; --swiper-pagination-color: #946326; --swiper-pagination-bullet-inactive-color: #D6D6D7; --swiper-pagination-bullet-inactive-opacity: 1;">
405        <swiper-slide>
406          <div style="display: flex; flex-direction: column; gap: 9px; text-align: left;">
407            <div style="aspect-ratio: 4 / 5; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-card); background: var(--brand-100); margin-bottom: 6px;">
408              <img src="assets/how-step-1.png" alt="A member relaxing at home with her GoldCare membership active, 30 days free" style="width: 100%; height: 100%; object-fit: cover; display: block;">
409            </div>
410            <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.14px; text-transform: uppercase; color: var(--text-gold);">Step 1</span>
411            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em;">Start your 30 days free.</h3>
412            <p style="margin: 0; font-size: 14px; line-height: 1.6; color: #48474D; text-wrap: pretty;">Create your account in two minutes, with no paperwork and no sales calls. Cancel anytime in two clicks.</p>
413          </div>
414        </swiper-slide>
415        <swiper-slide>
416          <div style="display: flex; flex-direction: column; gap: 9px; text-align: left;">
417            <div style="aspect-ratio: 4 / 5; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-card); background: var(--brand-100); margin-bottom: 6px;">
418              <img src="assets/how-step-2.png" alt="The GoldCare app showing Victoria, RN, your care nurse, and your personal plan" style="width: 100%; height: 100%; object-fit: cover; display: block;">
419            </div>
420            <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.14px; text-transform: uppercase; color: var(--text-gold);">Step 2</span>
421            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em;">Schedule your nurse call.</h3>
422            <p style="margin: 0; font-size: 14px; line-height: 1.6; color: #48474D; text-wrap: pretty;">Book your free nurse call in the GoldCare platform. Your nurse will be ready to meet with you at the scheduled time.</p>
423          </div>
424        </swiper-slide>
425        <swiper-slide>
426          <div style="display: flex; flex-direction: column; gap: 9px; text-align: left;">
427            <div style="aspect-ratio: 4 / 5; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-card); background: var(--brand-100); margin-bottom: 6px;">
428              <img src="assets/how-step-3.png" alt="A member on a telehealth visit with her appointment confirmed with Dr. Bennett" style="width: 100%; height: 100%; object-fit: cover; display: block;">
429            </div>
430            <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.14px; text-transform: uppercase; color: var(--text-gold);">Step 3</span>
431            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em;">Meet your doctor.</h3>
432            <p style="margin: 0; font-size: 14px; line-height: 1.6; color: #48474D; text-wrap: pretty;">Schedule a telehealth visit you set the length with the vetted clinician your nurse matched you with.</p>
433          </div>
434        </swiper-slide>
435        <swiper-slide>
436          <div style="display: flex; flex-direction: column; gap: 9px; text-align: left;">
437            <div style="aspect-ratio: 4 / 5; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid var(--border-card); background: var(--brand-100); margin-bottom: 6px;">
438              <img src="assets/how-step-4.png" alt="The GoldCare app home screen with your health plan, education, and community" style="width: 100%; height: 100%; object-fit: cover; display: block;">
439            </div>
440            <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.14px; text-transform: uppercase; color: var(--text-gold);">Step 4</span>
441            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em;">Live your life.</h3>
442            <p style="margin: 0; font-size: 14px; line-height: 1.6; color: #48474D; text-wrap: pretty;">Watch classes, order Med-Packs, join the community, and come back whenever you need care.</p>
443          </div>
444        </swiper-slide>
445      </swiper-container>
446      </sc-if>
447    </div>
448  </section>
449
450  <!-- ============ WHAT'S INCLUDED ============ -->
451  <section id="included" data-screen-label="What's Included" style="background: var(--bg-band); border-top: 1px solid var(--border-band); border-bottom: 1px solid var(--border-band); padding: var(--section-pad-y) var(--section-pad-x); scroll-margin-top: 76px;">
452    <div style="max-width: var(--container-max); margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 22px;">
453      <x-import component-from-global-scope="GoldCareDesignSystem_520b26.EyebrowPill" hint-size="auto,30px">How The Pieces Connect</x-import>
454      <h2 class="gc-h2" style="margin: 0; text-align: center; text-wrap: balance;">One <em class="gc-accent" data-om-id="959110f8:125">system</em> for staying well.</h2>
455      <p class="gc-body-lg" style="margin: 0; text-align: center; max-width: 820px;">Each part feeds the next: your nurse builds the plan, the plan points to the right doctor and the right classes, the classes prepare your visits, Med-Packs prepare your home, and the community carries you between all of it. Here's what your membership includes, and how it connects.</p>
456      <div data-reveal="" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 16px; width: 100%; margin-top: 20px;">
457        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 26px 24px; background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-xl);">
458          <i data-lucide="clipboard-list" style="width: 22px; height: 22px; color: var(--text-strong);"></i>
459          <div style="display: flex; flex-direction: column; gap: 5px;">
460            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--text-primary);">Your nurse &amp; plan</h3>
461            <p style="margin: 0; font-size: 14px; font-weight: 400; line-height: 1.55; color: #48474D; text-wrap: pretty;">A real nurse who knows your story and builds your roadmap.</p>
462          </div>
463        </div>
464        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 26px 24px; background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-xl);">
465          <i data-lucide="stethoscope" style="width: 22px; height: 22px; color: var(--text-strong);"></i>
466          <div style="display: flex; flex-direction: column; gap: 5px;">
467            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--text-primary);">Independent doctors</h3>
468            <p style="margin: 0; font-size: 14px; font-weight: 400; line-height: 1.55; color: #48474D; text-wrap: pretty;">Clinicians who work for you. Medical and naturopathic, as equals.</p>
469          </div>
470        </div>
471        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 26px 24px; background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-xl);">
472          <i data-lucide="graduation-cap" style="width: 22px; height: 22px; color: var(--text-strong);"></i>
473          <div style="display: flex; flex-direction: column; gap: 5px;">
474            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--text-primary);">WellnessU</h3>
475            <p style="margin: 0; font-size: 14px; font-weight: 400; line-height: 1.55; color: #48474D; text-wrap: pretty;">Real doctors explaining real conditions, in plain language.</p>
476          </div>
477        </div>
478        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 26px 24px; background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-xl);">
479          <i data-lucide="radio" style="width: 22px; height: 22px; color: var(--text-strong);"></i>
480          <div style="display: flex; flex-direction: column; gap: 5px;">
481            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--text-primary);">Live events</h3>
482            <p style="margin: 0; font-size: 14px; font-weight: 400; line-height: 1.55; color: #48474D; text-wrap: pretty;">Weekly townhalls, grand rounds, and Q&amp;As with top physicians.</p>
483          </div>
484        </div>
485        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 26px 24px; background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-xl);">
486          <i data-lucide="package" style="width: 22px; height: 22px; color: var(--text-strong);"></i>
487          <div style="display: flex; flex-direction: column; gap: 5px;">
488            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--text-primary);">Med-Packs</h3>
489            <p style="margin: 0; font-size: 14px; font-weight: 400; line-height: 1.55; color: #48474D; text-wrap: pretty;">Vetted medications at your door, ready before you need them.</p>
490          </div>
491        </div>
492        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 26px 24px; background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-xl);">
493          <i data-lucide="users" style="width: 22px; height: 22px; color: var(--text-strong);"></i>
494          <div style="display: flex; flex-direction: column; gap: 5px;">
495            <h3 style="margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--text-primary);">Member community</h3>
496            <p style="margin: 0; font-size: 14px; font-weight: 400; line-height: 1.55; color: #48474D; text-wrap: pretty;">A private forum of people who share your values.</p>
497          </div>
498        </div>
499      </div>
500    </div>
501  </section>
502
503  <!-- ============ WELLNESSU LOOP ============ -->
504  <section id="wellnessu" data-screen-label="WellnessU Loop" style="background: var(--bg-primary); padding: var(--section-pad-y) var(--section-pad-x); scroll-margin-top: 76px;">
505    <div style="max-width: var(--container-max); margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr)); gap: clamp(32px, 5vw, 80px); align-items: center;">
506      <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 22px;">
507        <h2 class="gc-h2" style="margin: 0; text-wrap: balance;">Learn <em class="gc-accent">before</em> you book.</h2>
508        <p class="gc-body-lg" style="margin: 0; text-wrap: pretty;">Have a health question? Watch a doctor explain it first. When a GoldCare clinician teaches a class, you can book that same clinician directly, so you show up informed, they show up prepared, and the visit is actually useful.</p>
509        <x-import component-from-global-scope="GoldCareDesignSystem_520b26.Button" variant="secondary" size="md" icon-right="arrow-right" href="https://www.goldcare.com/wellnessu" hint-size="auto,48px">Browse WellnessU</x-import>
510      </div>
511      <div data-reveal="" style="display: flex; justify-content: center;">
512        <dc-import name="WellnessU v6" style="width: min(320px, 86vw);" hint-size="320px,680px"></dc-import>
513      </div>
514    </div>
515  </section>
516
517  <!-- ============ DOCTORS (provider video carousel) ============ -->
518  <section id="doctors" data-screen-label="Doctors" style="background: var(--bg-band); border-top: 1px solid var(--border-band); border-bottom: 1px solid var(--border-band); padding: var(--section-pad-y) 0; scroll-margin-top: 76px;">
519    <div style="max-width: var(--container-max); margin: 0 auto; padding: 0 var(--section-pad-x); display: flex; flex-direction: column; align-items: center; gap: 22px;">
520      <x-import component-from-global-scope="GoldCareDesignSystem_520b26.EyebrowPill" hint-size="auto,30px">200+ Vetted Independent Clinicians</x-import>
521      <h2 class="gc-h2" style="margin: 0; text-align: center; max-width: 900px; text-wrap: balance;">Doctors who actually <em class="gc-accent">listen</em>. More of them than you can scroll.</h2>
522      <p class="gc-body-lg" style="margin: 0; text-align: center; max-width: 800px;">Every clinician here was hand-picked and vetted by Dr. Gold's team: independent, licensed in your state, and here for the same reason you are: to practice medicine the way it was supposed to work. Don't take our word for it. Take theirs.</p>
523    </div>
524    <div data-reveal="" style="position: relative; margin-top: 40px;">
525      <div class="v7p-mask">
526        <swiper-container init="false" id="v7p-swiper" class="v7p-swiper">
527          <sc-for list="{{ providers }}" as="p" hint-placeholder-count="6">
528            <swiper-slide class="v7p-slide">
529              <button type="button" class="v7p-card" onClick="{{ p.open }}" aria-label="{{ p.aria }}">
530                <div class="v7p-media">
531                  <video muted="{{ true }}" loop="{{ true }}
531" playsInline="{{ true }}" preload="none" src="{{ p.preview }}" tabIndex="{{ -1 }}" aria-hidden="true"></video>
532                  <div style="position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 12, 13, 0) 66%, rgba(12, 12, 13, 0.3) 100%); pointer-events: none;"></div>
533                  <span class="v7p-playpill"><svg width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span>
534                </div>
535                <div class="v7p-info">
536                  <div style="display: flex; align-items: center; justify-content: space-between; gap: 10px;">
537                    <span style="font-size: 13px; font-weight: 600; letter-spacing: 0.1px; color: var(--brand-600); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ p.title }}</span>
538                    <span style="display: inline-flex; align-items: center; gap: 2px; flex: none;" aria-label="Rated 5 out of 5"><svg viewBox="0 0 24 24" width="12" height="12" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="12" height="12" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="12" height="12" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="12" height="12" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="12" height="12" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg></span>
539                  </div>
540                  <p class="v7p-quote">“{{ p.quote }}”</p>
541                </div>
542              </button>
543            </swiper-slide>
544          </sc-for>
545        </swiper-container>
546      </div>
547      <button type="button" class="v7p-nav" onClick="{{ provPrev }}" aria-label="Previous providers" style="left: 16px;"><i data-lucide="chevron-left" style="width: 18px; height: 18px;"></i></button>
548      <button type="button" class="v7p-nav" onClick="{{ provNext }}" aria-label="Next providers" style="right: 16px;"><i data-lucide="chevron-right" style="width: 18px; height: 18px;"></i></button>
549    </div>
550    <div style="max-width: var(--container-max); margin: 28px auto 0; padding: 0 var(--section-pad-x); display: flex; flex-direction: column; gap: 28px;">
551      <div style="display: flex; flex-direction: column; gap: 22px;">
552        <div style="text-align: center; font-size: 15px; font-weight: 600; color: var(--text-primary); letter-spacing: -0.01em;">Three levels of care, always labeled:</div>
553        <div data-reveal="" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px;">
554          <div style="background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-2xl); padding: clamp(28px, 3.2vw, 40px); display: flex; flex-direction: column; gap: 12px;">
555            <span style="width: 44px; height: 44px; border-radius: var(--radius-pill); background: rgba(243, 202, 110, 0.16); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 4px;"><i data-lucide="stethoscope" style="width: 20px; height: 20px; color: var(--gold-deep);"></i></span>
556            <span style="font-size: clamp(21px, 2.1vw, 26px); font-weight: 500; letter-spacing: -0.018em; color: var(--text-primary);">Prescribers</span>
557            <span style="font-size: 14px; line-height: 1.6; color: var(--text-secondary); text-wrap: pretty;">MDs, DOs, NPs, PAs. Diagnose, prescribe, order labs and imaging.</span>
558          </div>
559          <div style="background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-2xl); padding: clamp(28px, 3.2vw, 40px); display: flex; flex-direction: column; gap: 12px;">
560            <span style="width: 44px; height: 44px; border-radius: var(--radius-pill); background: rgba(243, 202, 110, 0.16); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 4px;"><i data-lucide="compass" style="width: 20px; height: 20px; color: var(--gold-deep);"></i></span>
561            <span style="font-size: clamp(21px, 2.1vw, 26px); font-weight: 500; letter-spacing: -0.018em; color: var(--text-primary);">Advisors</span>
562            <span style="font-size: 14px; line-height: 1.6; color: var(--text-secondary); text-wrap: pretty;">Specialist guidance and education on specific conditions.</span>
563          </div>
564          <div style="background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-2xl); padding: clamp(28px, 3.2vw, 40px); display: flex; flex-direction: column; gap: 12px;">
565            <span style="width: 44px; height: 44px; border-radius: var(--radius-pill); background: rgba(243, 202, 110, 0.16); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 4px;"><i data-lucide="sprout" style="width: 20px; height: 20px; color: var(--gold-deep);"></i></span>
566            <span style="font-size: clamp(21px, 2.1vw, 26px); font-weight: 500; letter-spacing: -0.018em; color: var(--text-primary);">Coaches</span>
567            <span style="font-size: 14px; line-height: 1.6; color: var(--text-secondary); text-wrap: pretty;">Nutrition, lifestyle, and wellness support.</span>
568          </div>
569        </div>
570      </div>
571      <div style="display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center;">
572        <x-import component-from-global-scope="GoldCareDesignSystem_520b26.Button" variant="primary" size="lg" icon-right="arrow-right" href="#pricing" hint-size="auto,54px">Start free and meet yours</x-import>
573      </div>
574    </div>
575  </section>
576
577  <!-- ============ FOUNDER ============ -->
578  <section id="founder" data-screen-label="Founder" style="background: var(--bg-primary); padding: var(--section-pad-y) var(--section-pad-x); scroll-margin-top: 76px;">
579    <div style="max-width: var(--container-max); margin: 0 auto;">
580      <div data-reveal="" class="v4-founder" style="position: relative; border-radius: var(--radius-3xl); overflow: hidden; background: var(--bg-inverse); display: flex; flex-direction: column; justify-content: center;">
581        <div style="position: absolute; inset: 0;">
582          <img src="assets/dr-simone-gold.png" alt="Dr. Simone Gold" class="v5-founder-img" style="width: 100%; height: 100%; object-fit: cover; object-position: center 20%; display: block;">
583        </div>
584        <div class="v4-founder-scrim" style="position: absolute; inset: 0; pointer-events: none;"></div>
585        <div class="gc-mobile-only" style="width: 100%; aspect-ratio: 3 / 4; pointer-events: none;"></div>
586        <div class="v4-founder-content" style="position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; pointer-events: none;">
587          <blockquote style="margin: 0; font-size: clamp(16.5px, 1.55vw, 20px); line-height: 1.6; color: rgba(252, 252, 253, 0.96); text-shadow: 0 1px 3px rgba(12, 12, 13, 0.4); text-wrap: pretty;">"After twenty years as a board-certified emergency physician, I watched medicine get squeezed into seven-minute slots, prior-auth forms, and quotas that had nothing to do with healing. GoldCare is the alternative I wished existed: an independent doctor, a real plan, and the education to understand both, back in your hands. It's the model I use for my own care."</blockquote>
588          <div>
589            <div style="font-size: clamp(24px, 2.6vw, 32px); font-weight: 500; letter-spacing: -0.02em; color: #FCFCFD; text-shadow: 0 1px 3px rgba(12, 12, 13, 0.35);">Dr. Simone Gold</div>
590            <div style="font-size: 14px; color: rgba(252, 252, 253, 0.82); margin-top: 4px; text-shadow: 0 1px 2px rgba(12, 12, 13, 0.35);">Physician · Attorney · Founder</div>
591          </div>
592          <a href="https://www.goldcare.com/about" style="pointer-events: auto; display: inline-flex; align-items: center; gap: 9px; margin-top: 2px; font-size: 15px; font-weight: 500; color: #FCFCFD; text-decoration: none; border-bottom: 1px solid rgba(252, 252, 253, 0.45); padding-bottom: 3px; transition: border-color var(--duration-fast) var(--easing-out);" style-hover="border-color: #FCFCFD; color: #FFFFFF;">Read Dr. Gold's story<i data-lucide="arrow-right" style="width: 16px; height: 16px;"></i></a>
593        </div>
594      </div>
595    </div>
596  </section>
597
598  <!-- ============ PROOF ============ -->
599  <section id="proof" data-screen-label="Proof" style="background: var(--bg-band); border-top: 1px solid var(--border-band); border-bottom: 1px solid var(--border-band); padding: var(--section-pad-y) 0; scroll-margin-top: 76px;">
600    <div style="max-width: var(--container-max); margin: 0 auto; padding: 0 var(--section-pad-x); display: flex; flex-direction: column; align-items: center; gap: 22px;">
601      <x-import component-from-global-scope="GoldCareDesignSystem_520b26.EyebrowPill" hint-size="auto,30px">Real Members, Real Outcomes</x-import>
602      <h2 class="gc-h2" style="margin: 0; text-align: center; text-wrap: balance;">Not testimonials. <em class="gc-accent">Results</em>
602.</h2>
603      <p class="gc-body-lg" style="margin: 0; text-align: center;">This is what "your doctor works for you" actually looks like.</p>
604    </div>
605    <div data-reveal="" style="width: 100%; margin-top: 32px; position: relative;">
606      <div class="v6t-rail" id="v6t-rail" role="list" aria-label="Member video stories">
607        <sc-for list="{{ stories }}" as="s" hint-placeholder-count="9">
608          <button type="button" class="v6t-card" role="listitem" onClick="{{ s.open }}" aria-label="{{ s.aria }}">
609            <img src="{{ s.poster }}" alt="" loading="lazy" draggable="{{ false }}">
610            <video muted="{{ true }}" loop="{{ true }}" playsInline="{{ true }}" preload="none" src="{{ s.preview }}" tabIndex="{{ -1 }}" aria-hidden="true"></video>
611            <div style="position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 12, 13, 0) 46%, rgba(12, 12, 13, 0.78) 100%); pointer-events: none;"></div>
612            <span style="position: absolute; top: 12px; right: 12px; font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; color: #FCFCFD; background: rgba(12, 12, 13, 0.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 4px 9px; border-radius: var(--radius-pill); pointer-events: none;">{{ s.duration }}</span>
613            <span class="v6t-playpill"><svg width="17" height="17" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span>
614            <div style="position: absolute; left: 16px; right: 16px; bottom: 14px; display: flex; flex-direction: column; gap: 3px; pointer-events: none;">
615              <span style="font-size: 14.5px; font-weight: 600; letter-spacing: -0.01em; color: #FCFCFD;">{{ s.name }}</span>
616              <sc-if value="{{ s.hasPull }}" hint-placeholder-val="{{ false }}">
617                <span style="font-size: 12.5px; line-height: 1.5; color: rgba(252, 252, 253, 0.84); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">“{{ s.pull }}”</span>
618              </sc-if>
619            </div>
620          </button>
621        </sc-for>
622      </div>
623      <button class="v6t-nav" onClick="{{ vidPrev }}" aria-label="Previous stories" style="position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: var(--radius-pill); background: var(--surface-card); border: 1px solid var(--border-card); color: var(--text-primary); align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--shadow-card-soft); padding: 0;" style-hover="background: #F2F2F7;"><i data-lucide="chevron-left" style="width: 18px; height: 18px;"></i></button>
624      <button class="v6t-nav" onClick="{{ vidNext }}" aria-label="Next stories" style="position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: var(--radius-pill); background: var(--surface-card); border: 1px solid var(--border-card); color: var(--text-primary); align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--shadow-card-soft); padding: 0;" style-hover="background: #F2F2F7;"><i data-lucide="chevron-right" style="width: 18px; height: 18px;"></i></button>
625    </div>
626    <div class="v4-marquee" style="margin-top: 36px; display: flex; flex-direction: column; gap: 16px;">
627      <div class="v4-marquee-track">
628        <sc-for list="{{ marqueeA }}" as="m" hint-placeholder-count="5">
629          <div class="v4-tcard">
630            <div style="display: flex; flex-direction: column; gap: 12px; width: 100%; background: var(--surface-card, #FCFCFD); border: 1px solid var(--border-card, #E6E6E8); border-radius: var(--radius-xl, 16px); padding: 24px 24px 18px;">
631              <div style="display: flex; align-items: center; justify-content: space-between; gap: 12px;">
632                <span style="font-size: 16px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.3; color: var(--text-primary, #0C0C0D);">{{ m.title }}</span>
633                <span style="display: inline-flex; align-items: center; gap: 2px; flex: none;"><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg></span>
634              </div>
635              <p style="margin: 0; font-size: 14px; line-height: 1.65; color: #48474D; text-wrap: pretty;">“{{ m.quote }}”</p>
636              <div style="margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border-subtle, #EAEAEB); display: flex; align-items: baseline; justify-content: space-between; gap: 10px;">
637                <span style="font-size: 14px; font-weight: 600; color: var(--text-primary, #0C0C0D);">{{ m.name }}</span>
638                <span style="font-size: 12px; color: var(--text-tertiary, #8C8B94);">{{ m.detail }}</span>
639              </div>
640            </div>
641          </div>
642        </sc-for>
643      </div>
644      <div class="v4-marquee-track v4-marquee-rev">
645        <sc-for list="{{ marqueeB }}" as="m" hint-placeholder-count="5">
646          <div class="v4-tcard">
647            <div style="display: flex; flex-direction: column; gap: 12px; width: 100%; background: var(--surface-card, #FCFCFD); border: 1px solid var(--border-card, #E6E6E8); border-radius: var(--radius-xl, 16px); padding: 24px 24px 18px;">
648              <div style="display: flex; align-items: center; justify-content: space-between; gap: 12px;">
649                <span style="font-size: 16px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.3; color: var(--text-primary, #0C0C0D);">{{ m.title }}</span>
650                <span style="display: inline-flex; align-items: center; gap: 2px; flex: none;"><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg></span>
651              </div>
652              <p style="margin: 0; font-size: 14px; line-height: 1.65; color: #48474D; text-wrap: pretty;">“{{ m.quote }}”</p>
653              <div style="margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border-subtle, #EAEAEB); display: flex; align-items: baseline; justify-content: space-between; gap: 10px;">
654                <span style="font-size: 14px; font-weight: 600; color: var(--text-primary, #0C0C0D);">{{ m.name }}</span>
655                <span style="font-size: 12px; color: var(--text-tertiary, #8C8B94);">{{ m.detail }}</span>
656              </div>
657            </div>
658          </div>
659        </sc-for>
660      </div>
661    </div>
662    <div style="display: flex; justify-content: center; margin-top: 34px; padding: 0 var(--section-pad-x);">
663      <x-import component-from-global-scope="GoldCareDesignSystem_520b26.Button" variant="secondary" size="md" icon-right="arrow-right" href="https://www.goldcare.com/testimonials" hint-size="auto,48px">Read 1,000+ community reviews</x-import>
664    </div>
665  </section>
666
667  <!-- ============ PRICING ============ -->
668  <section id="pricing" data-screen-label="Pricing" class="v5-pricing" style="background: var(--bg-inverse); padding: var(--section-pad-y) var(--section-pad-x); scroll-margin-top: 76px;">
669    <div style="max-width: var(--container-max); margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(440px, 100%), 1fr)); gap: clamp(36px, 5vw, 80px); align-items: start;">
670      <div class="v4-sticky" style="display: flex; flex-direction: column; gap: 22px;">
671        <h2 class="gc-h2-dark" style="margin: 0; text-wrap: balance;">After your free month: $17. How is real healthcare <em class="gc-accent">that</em> cheap?</h2>
672        <p style="margin: 0; font-size: 16px; line-height: 1.7; color: rgba(252, 252, 253, 0.94); text-wrap: pretty;"><strong style="color: var(--text-inverse); font-weight: 600;">Honest answer: the $17 isn't the healthcare.</strong> A doctor's visit still costs money. The $17 is your membership: the key to the whole system. Care is pay-as-you-go: no premiums, no copays, no surprise bills, and you only pay when you book.</p>
673      </div>
674      <div style="display: flex; flex-direction: column; gap: 14px; max-width: 540px; justify-self: center; width: 100%;">
675      <div data-reveal="" style="background: var(--surface-card); border-radius: var(--radius-3xl); box-shadow: var(--shadow-showcase); overflow: hidden; display: flex; flex-direction: column;">
676        <div class="v5-price-head" style="padding: clamp(26px, 3.2vw, 36px) clamp(24px, 3.2vw, 36px) clamp(20px, 2.4vw, 26px); display: flex; flex-direction: column; gap: 16px;">
677          <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.18px; text-transform: uppercase; color: var(--text-gold);">First 30 days free, then</span>
678          <div style="display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap;">
679            <span class="v5-price-num" style="font-size: clamp(64px, 11vw, 96px); font-weight: 500; letter-spacing: -0.035em; line-height: 0.86; color: var(--text-primary); font-variant-numeric: tabular-nums;">$17</span>
680            <div style="display: flex; flex-direction: column; gap: 4px; padding-bottom: 5px;">
681              <span style="font-size: 18px; font-weight: 500; letter-spacing: -0.01em; color: var(--text-primary);">/month</span>
682              <span style="font-size: 13.5px; color: var(--text-secondary); font-variant-numeric: tabular-nums;">or $169/year (2 months free)</span>
683            </div>
684          </div>
685        </div>
686        <div class="v5-price-mid" style="background: var(--bg-band); border-top: 1px solid var(--border-band); border-bottom: 1px solid var(--border-band); padding: clamp(18px, 2.4vw, 24px) clamp(24px, 3.2vw, 36px); display: flex; flex-direction: column; gap: 14px;">
687          <div style="display: flex; flex-direction: column; gap: 12px;">
688            <div style="display: flex; gap: 11px; align-items: flex-start;"><i data-lucide="check" style="width: 16px; height: 16px; flex-shrink: 0; color: var(--gold-deep); margin-top: 3px;"></i><span style="font-size: 14px; line-height: 1.55; color: var(--text-body);">200+ independent, vetted clinicians. Visits from $60, you set the length</span></div>
689            <div style="display: flex; gap: 11px; align-items: flex-start;"><i data-lucide="check" style="width: 16px; height: 16px; flex-shrink: 0; color: var(--gold-deep); margin-top: 3px;"></i><span style="font-size: 14px; line-height: 1.55; color: var(--text-body);">Hundreds of WellnessU classes, new every week</span></div>
690            <div style="display: flex; gap: 11px; align-items: flex-start;"><i data-lucide="check" style="width: 16px; height: 16px; flex-shrink: 0; color: var(--gold-deep); margin-top: 3px;"></i><span style="font-size: 14px; line-height: 1.55; color: var(--text-body);">Med-Packs access · Live townhalls · Private community</span></div>
691          </div>
692        </div>
693        <div class="v5-price-foot" style="padding: clamp(18px, 2.4vw, 24px) clamp(24px, 3.2vw, 36px) clamp(22px, 2.8vw, 28px); display: flex; flex-direction: column; gap: 12px;">
694          <x-import component-from-global-scope="GoldCareDesignSystem_520b26.Button" variant="gold" size="lg" full-width="{{ true }}" href="https://app.goldcare.com/auth/signup?coupon=trial&plan=annual" hint-size="100%,54px">Start your 30 days free</x-import>
695          <div style="text-align: center; font-size: 12.5px; color: var(--text-tertiary);">Cancel anytime · No contracts · All 50 states</div>
696        </div>
697      </div>
698      <span style="margin-top: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.18px; text-transform: uppercase; color: #F7CE77;">Optional Upgrades</span>
699      <div style="background: #1B1B1D; border: 1px solid #2C2C30; border-radius: var(--radius-xl); padding: 18px 18px 6px; display: flex; flex-direction: column;">
700        <p style="margin: 0 0 8px; font-size: 13px; line-height: 1.6; color: rgba(252, 252, 253, 0.8); text-wrap: pretty;">Add-ons are available once you join and are billed separately from day one. Your $17 membership still includes the first 30 days free.</p>
701        <div style="padding: 12px 0; border-bottom: 1px solid #2C2C30; display: flex; flex-direction: column; gap: 4px;">
702          <div style="display: flex; align-items: baseline; justify-content: space-between; gap: 12px;">
703            <span style="font-size: 14px; font-weight: 600; color: var(--text-inverse);">Family Member</span>
704            <span style="font-size: 14px; font-weight: 600; color: var(--text-inverse); font-variant-numeric: tabular-nums; white-space: nowrap;">+$12/month</span>
705          </div>
706          <p style="margin: 0; font-size: 13px; line-height: 1.55; color: rgba(252, 252, 253, 0.88); text-wrap: pretty;">Add your whole family and up to one friend to the plan.</p>
707        </div>
708        <div style="padding: 12px 0; border-bottom: 1px solid #2C2C30; display: flex; flex-direction: column; gap: 4px;">
709          <div style="display: flex; align-items: baseline; justify-content: space-between; gap: 12px;">
710            <span style="font-size: 14px; font-weight: 600; color: var(--text-inverse);">Monthly 15-minute visit</span>
711            <span style="font-size: 14px; font-weight: 600; color: var(--text-inverse); font-variant-numeric: tabular-nums; white-space: nowrap;">+$50/month</span>
712          </div>
713          <p style="margin: 0; font-size: 13px; line-height: 1.55; color: rgba(252, 252, 253, 0.88); text-wrap: pretty;">Add one 15-minute visit with a clinician every month.</p>
714        </div>
715        <div style="padding: 12px 0 14px; display: flex; flex-direction: column; gap: 4px;">
716          <div style="display: flex; align-items: baseline; justify-content: space-between; gap: 12px;">
717            <span style="font-size: 14px; font-weight: 600; color: var(--text-inverse);">Monthly 30-minute visit</span>
718            <span style="font-size: 14px; font-weight: 600; color: var(--text-inverse); font-variant-numeric: tabular-nums; white-space: nowrap;">+$90/month</span>
719          </div>
720          <p style="margin: 0; font-size: 13px; line-height: 1.55; color: rgba(252, 252, 253, 0.88); text-wrap: pretty;">Add one 30-minute visit with a clinician every month.</p>
721        </div>
722      </div>
723      </div>
724    </div>
725  </section>
726
727  <!-- ============ THE OTHER HALF ============ -->
728  <section id="insurance" data-screen-label="The Other Half" style="background: var(--bg-primary); padding: var(--section-pad-y) var(--section-pad-x); scroll-margin-top: 76px;">
729    <div style="max-width: 1020px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 22px;">
730      <x-import component-from-global-scope="GoldCareDesignSystem_520b26.EyebrowPill" hint-size="auto,30px">And For The Big Things</x-import>
731      <h2 class="gc-h2" style="margin: 0; text-align: center; text-wrap: balance; max-width: 26ch;">Your membership handles everyday care. Your insurance handles the <em class="gc-accent" data-om-id="0248d07e:310">catastrophic</em>.</h2>
732      <div data-reveal="" class="v4-halves" style="width: 100%; margin-top: 12px;">
733        <div style="background: var(--surface-card); border: 1px solid var(--border-card); border-radius: var(--radius-2xl); padding: clamp(22px, 3vw, 34px); display: flex; flex-direction: column; gap: 13px; text-align: left;">
734          <div style="display: flex; align-items: center; justify-content: space-between; gap: 12px;">
735            <div style="display: flex; align-items: center; gap: 10px;">
736              <span style="width: 34px; height: 34px; border-radius: var(--radius-pill); background: rgba(243, 202, 110, 0.16); display: inline-flex; align-items: center; justify-content: center; flex: none;"><i data-lucide="stethoscope" style="width: 17px; height: 17px; color: var(--gold-deep);"></i></span>
737              <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.18px; text-transform: uppercase; color: var(--text-gold);">The Membership</span>
738            </div>
739            <span style="font-size: 13px; font-weight: 600; color: var(--text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap;">$17/month</span>
740          </div>
741          <span style="font-size: 21px; font-weight: 500; letter-spacing: -0.015em; color: var(--text-primary);">Everyday care</span>
742          <p style="margin: 0; font-size: 14.5px; line-height: 1.68; color: var(--text-body); text-wrap: pretty;">Most of healthcare is predictable: questions, checkups, prescriptions, ongoing care. You shouldn't pay an insurance company to stand between you and any of it. That's the membership.</p>
743        </div>
744        <div style="align-self: center; justify-self: center;">
745          <span style="width: 44px; height: 44px; border-radius: var(--radius-pill); background: linear-gradient(135deg, #F7BC57, #946326); display: inline-flex; align-items: center; justify-content: center;"><i data-lucide="plus" style="width: 20px; height: 20px; color: #0C0C0D;"></i></span>
746        </div>
747        <div style="background: var(--bg-inverse); border-radius: var(--radius-2xl); padding: clamp(22px, 3vw, 34px); display: flex; flex-direction: column; gap: 13px; text-align: left;">
748          <div style="display: flex; align-items: center; justify-content: space-between; gap: 12px;">
749            <div style="display: flex; align-items: center; gap: 10px;">
750              <span style="width: 34px; height: 34px; border-radius: var(--radius-pill); background: #1B1B1D; border: 1px solid #2C2C30; display: inline-flex; align-items: center; justify-content: center; flex: none;"><i data-lucide="shield" style="width: 17px; height: 17px; color: #F7CE77;"></i></span>
751              <span style="font-size: 12px; font-weight: 600; letter-spacing: 0.18px; text-transform: uppercase; color: #F7CE77;">GoldCare Insurance</span>
752            </div>
753            <span style="font-size: 13px; font-weight: 600; color: var(--text-inverse-3); font-variant-numeric: tabular-nums; white-space: nowrap;">From $195/month</span>
754          </div>
755          <span style="font-size: 21px; font-weight: 500; letter-spacing: -0.015em; color: var(--text-inverse);">The catastrophic</span>
756          <p style="margin: 0; font-size: 14.5px; line-height: 1.68; color: var(--text-inverse-2); text-wrap: pretty;">But some events are exactly what insurance was invented for. For those, there's <strong style="color: var(--text-inverse); font-weight: 600;">GoldCare Insurance</strong>: an honest accident &amp; illness plan with one clear deductible, a published rate table, and a $2,000,000 lifetime maximum. No opaque networks. No adversarial claims maze. Built by Dr. Gold, the same model she chose for herself.</p>
757        </div>
758      </div>
759      <div style="display: flex; align-items: center; gap: 14px; margin-top: 6px;">
760        <span style="width: 36px; height: 1px; background: var(--gold-soft); flex: none;"></span>
761        <p style="margin: 0; font-size: 18px; font-weight: 500; letter-spacing: -0.01em; color: var(--text-primary); text-align: center;">Two halves. One system. Yours.</p>
762        <span style="width: 36px; height: 1px; background: var(--gold-soft); flex: none;"></span>
763      </div>
764      <div style="display: flex; flex-direction: column; align-items: center; gap: 12px;">
765        <x-import component-from-global-scope="GoldCareDesignSystem_520b26.Button" variant="primary" size="lg" icon-right="arrow-right" href="https://goldcarebenefits.com" hint-size="auto,54px">Explore GoldCare Insurance</x-import>
766        <span class="gc-small" style="font-variant-numeric: tabular-nums; text-align: center;">Plans from $195/month · Ages 18–64 · All 50 states</span>
767      </div>
768    </div>
769  </section>
770
771  <!-- ============ FAQ ============ -->
772  <section id="faq" data-screen-label="FAQ" style="background: var(--bg-primary); border-top: 1px solid var(--border-secondary); padding: var(--section-pad-y) var(--section-pad-x); scroll-margin-top: 76px;">
773    <div style="max-width: var(--container-max); margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: clamp(36px, 5vw, 88px); align-items: start;">
774      <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 20px;">
775        <x-import component-from-global-scope="GoldCareDesignSystem_520b26.EyebrowPill" hint-size="auto,30px">Questions</x-import>
776        <h2 class="gc-h2" style="margin: 0; text-wrap: balance; max-width: 20ch;">Straight answers to the things people hesitate on.</h2>
777        <p class="gc-body-lg" style="margin: 0; max-width: 44ch; text-wrap: pretty;">If you're trusting us with your health, you should know exactly how this works. Here's the honest version.</p>
778      </div>
779      <div style="display: flex; flex-direction: column; gap: 34px;">
780        <div style="display: flex; flex-direction: column; gap: 12px;">
781          <span class="gc-eyebrow gc-eyebrow--gold">The Free Trial</span>
782          <x-import component-from-global-scope="GoldCareDesignSystem_520b26.FAQ" items="{{ faqTrial }}" hint-size="100%,160px"></x-import>
783        </div>
784        <div style="display: flex; flex-direction: column; gap: 12px;">
785          <span class="gc-eyebrow gc-eyebrow--gold">Membership &amp; Costs</span>
786          <x-import component-from-global-scope="GoldCareDesignSystem_520b26.FAQ" items="{{ faqCosts }}" hint-size="100%,220px"></x-import>
787        </div>
788        <div style="display: flex; flex-direction: column; gap: 12px;">
789          <span class="gc-eyebrow gc-eyebrow--gold">Care &amp; Coverage</span>
790          <x-import component-from-global-scope="GoldCareDesignSystem_520b26.FAQ" items="{{ faqCare }}" hint-size="100%,280px"></x-import>
791        </div>
792      </div>
793    </div>
794  </section>
795
796  <!-- ============ MANIFESTO / FINAL CTA (dark) ============ -->
797  <section id="manifesto" data-screen-label="Manifesto" style="background: var(--bg-inverse); padding: clamp(76px, 9vw, 128px) var(--section-pad-x); scroll-margin-top: 76px;">
798    <div style="max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px;">
799      <h2 class="gc-h2-dark" style="margin: 0; text-wrap: balance;">The system had its turn. <em class="gc-accent">Now it's yours.</em></h2>
800      <p style="margin: 0; font-size: 16.5px; line-height: 1.7; color: var(--text-inverse-2); max-width: 660px; text-wrap: pretty;">You don't have to fix American healthcare. You just have to leave the parts of it that stopped working for you and keep everything that still does. The first month is on us. The nurse is already waiting.</p>
801      <x-import component-from-global-scope="GoldCareDesignSystem_520b26.Button" variant="gold" size="lg" href="https://app.goldcare.com/auth/signup?coupon=trial&plan=annual" hint-size="auto,54px">Start your 30 days free</x-import>
802      <div style="font-size: 13px; color: var(--text-inverse-3); font-variant-numeric: tabular-nums;">Available in all 50 states · Trusted by 10,000+ members · Backed by real doctors with real time</div>
803    </div>
804  </section>
805
806  <!-- ============ FOOTER ============ -->
807  <footer data-screen-label="Footer" style="background: var(--bg-band); border-top: 1px solid var(--border-band);">
808    <div class="v4-footgrid" style="max-width: var(--container-max); margin: 0 auto; padding: clamp(48px, 6vw, 76px) var(--section-pad-x) 0;">
809      <div class="v4-footbrand" style="display: flex; flex-direction: column; align-items: flex-start; gap: 18px;">
810        <a href="#top" style="display: inline-flex;"><img src="assets/goldcare-logo.svg" alt="GoldCare" style="height: 27px; width: auto;"></a>
811        <p style="margin: 0; font-size: 14px; line-height: 1.65; color: var(--text-secondary); max-width: 300px; text-wrap: pretty;">Doctor-led, private healthcare that answers to you, not to the insurance machine.</p>
812        <div style="display: flex; align-items: center; gap: 10px;">
813          <a href="https://x.com/GoldCare" target="_blank" rel="noopener" aria-label="X (Twitter)" style="display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--radius-pill); border: 1px solid var(--border-primary); background: var(--surface-card); color: var(--text-secondary);" style-hover="border-color: #8C8B94; color: #0C0C0D;"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4l16 16M20 4L4 20"></path></svg></a>
814          <a href="https://www.facebook.com/goldcarehw" target="_blank" rel="noopener" aria-label="Facebook" style="display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--radius-pill); border: 1px solid var(--border-primary); background: var(--surface-card); color: var(--text-secondary);" style-hover="border-color: #8C8B94; color: #0C0C0D;"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a>
815          <a href="https://www.youtube.com/@GoldCareHealthWellness" target="_blank" rel="noopener" aria-label="YouTube" style="display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--radius-pill); border: 1px solid var(--border-primary); background: var(--surface-card); color: var(--text-secondary);" style-hover="border-color: #8C8B94; color: #0C0C0D;"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg></a>
816          <a href="https://www.instagram.com/goldcarehw/" target="_blank" rel="noopener" aria-label="Instagram" style="display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--radius-pill); border: 1px solid var(--border-primary); background: var(--surface-card); color: var(--text-secondary);" style-hover="border-color: #8C8B94; color: #0C0C0D;"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a>
817        </div>
818        <span style="display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: var(--radius-pill); border: 1px solid var(--border-primary); background: var(--surface-card); font-size: 13px; font-weight: 500; color: var(--text-primary);"><span style="width: 7px; height: 7px; border-radius: var(--radius-pill); background: var(--gold-primary); animation: gcPulse 1.6s ease-in-out infinite;"></span>10,000+ members · all 50 states</span>
819      </div>
820      <div style="display: flex; flex-direction: column; gap: 30px;">
821        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 13px;">
822          <span style="font-size: 13.5px; font-weight: 600; color: var(--text-primary);">Membership</span>
823          <a href="#pricing" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">Pricing</a>
824          <a href="#how" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">How It Works</a>
825          <a href="#wellnessu" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">WellnessU</a>
826          <a href="https://app.goldcare.com/auth/signup?coupon=trial&plan=annual" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">Start Free</a>
827        </div>
828        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 13px;">
829          <span style="font-size: 13.5px; font-weight: 600; color: var(--text-primary);">Insurance</span>
830          <a href="/insurance" target="_blank" rel="noopener noreferrer" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">GoldCare Insurance</a>
831        </div>
832      </div>
833      <div style="display: flex; flex-direction: column; gap: 30px;">
834        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 13px;">
835          <span style="font-size: 13.5px; font-weight: 600; color: var(--text-primary);">Company</span>
836          <a href="#founder" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">Our Story</a>
837          <a href="#founder" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">Dr. Simone Gold</a>
838          <a href="/partners" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">GoldCare Partners</a>
839        </div>
840        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 13px;">
841          <span style="font-size: 13.5px; font-weight: 600; color: var(--text-primary);">Help &amp; Support</span>
842          <a href="#faq" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">FAQ</a>
843          <a href="https://help.goldcare.com/" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">Contact</a>
844        </div>
845      </div>
846      <div style="display: flex; flex-direction: column; gap: 30px;">
847        <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 13px;">
848          <span style="font-size: 13.5px; font-weight: 600; color: var(--text-primary);">My Account</span>
849          <a href="https://app.goldcare.com/" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">Login</a>
850          <a href="https://app.goldcare.com/auth/signup?coupon=trial&plan=annual" style="font-size: 14px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">Start Free</a>
851        </div>
852      </div>
853    </div>
854    <div style="max-width: var(--container-max); margin: 0 auto; padding: 0 var(--section-pad-x) 30px;">
855      <div style="margin-top: clamp(36px, 5vw, 56px); border-top: 1px solid var(--border-band); padding-top: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;">
856        <span style="font-size: 13px; color: var(--text-tertiary);">© 2026 GoldCare. All rights reserved.</span>
857        <div style="display: flex; align-items: center; gap: 24px;">
858          <a href="https://www.goldcare.com/legal/privacy" style="font-size: 13px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">Privacy Policy</a>
859          <a href="https://www.goldcare.com/legal/terms-and-conditions" style="font-size: 13px; color: var(--text-secondary); text-decoration: none;" style-hover="color: #0C0C0D;">Terms</a>
860        </div>
861      </div>
862      <div style="margin-top: 16px; display: flex; flex-direction: column; gap: 10px;">
863        <p style="margin: 0; font-size: 12px; line-height: 1.6; color: var(--text-tertiary); max-width: 980px;">GoldCare Doctors P.C. (or an affiliated state professional corporation) provides clinical services. GoldCare Health &amp; Wellness, Inc. provides management and non-clinical support services and does not interfere with clinical judgment.</p>
864        <p style="margin: 0; font-size: 12px; line-height: 1.6; color: var(--text-tertiary); max-width: 980px;">GoldCare Insurance is a limited-benefit accident &amp; illness plan issued by GoldCare Benefits, Inc., administered by Planstin Administration. Not ACA-compliant major medical insurance.</p>
865      </div>
866    </div>
867  </footer>
868
869  <!-- ============ VIDEO LIGHTBOX ============ -->
870  <div class="{{ lbClass }}" role="dialog" aria-modal="true" aria-label="Member story video">
871    <div onClick="{{ lbClose }}" style="position: absolute; inset: 0; background: rgba(12, 12, 13, 0.9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);"></div>
872    <button type="button" id="v6t-lbclose" class="v6t-lbctl" onClick="{{ lbClose }}" aria-label="Close" style="position: absolute; top: 18px; right: 18px; z-index: 2; width: 40px; height: 40px; border-radius: var(--radius-pill); background: rgba(252, 252, 253, 0.12); border: 1px solid rgba(252, 252, 253, 0.2);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12"></path></svg></button>
873    <button type="button" class="v6t-lbarrow" onClick="{{ lbPrevStory }}" aria-label="Previous story" style="left: 16px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 18l-6-6 6-6"></path></svg></button>
874    <button type="button" class="v6t-lbarrow" onClick="{{ lbNextStory }}" aria-label="Next story" style="right: 16px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"></path></svg></button>
875    <div class="v6t-lbin" style="position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px; width: min(92vw, 430px); padding: 12px;">
876      <div class="v6t-lbstage" id="v6t-lbstage" style="position: relative; width: 100%; border-radius: var(--radius-2xl); overflow: hidden; background: #000000; box-shadow: 0 32px 90px rgba(0, 0, 0, 0.5);">
877        <video id="v6t-lbvideo" playsInline="{{ true }}" onClick="{{ lbToggle }}" style="display: block; width: 100%; max-height: 78vh; object-fit: contain; background: #000000; cursor: pointer;"></video>
878        <sc-if value="{{ lbError }}" hint-placeholder-val="{{ false }}">
879          <div style="display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 72px 28px; text-align: center;">
880            <span style="font-size: 15px; font-weight: 600; color: #FCFCFD;">This video isn't available yet</span>
881            <span style="font-size: 13.5px; color: rgba(252, 252, 253, 0.68);">Use the arrows to watch another member's story.</span>
882          </div>
883        </sc-if>
884        <div class="v6t-lbcontrols">
885          <button type="button" class="v6t-lbctl" onClick="{{ lbToggle }}" aria-label="Play / pause">
886            <sc-if value="{{ lbPlaying }}" hint-placeholder-val="{{ false }}"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><rect x="6" y="4" width="4" height="16" rx="1"></rect><rect x="14" y="4" width="4" height="16" rx="1"></rect></svg></sc-if>
887            <sc-if value="{{ lbPaused }}" hint-placeholder-val="{{ true }}"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></sc-if>
888          </button>
889          <div id="v6t-scrub" style="flex: 1; height: 16px; display: flex; align-items: center; cursor: pointer;">
890            <div style="width: 100%; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, 0.28); overflow: hidden;"><span id="v6t-scrubfill" style="display: block; height: 100%; width: 0%; background: #F1AA41;"></span></div>
891          </div>
892          <span id="v6t-lbtime" style="font-size: 12px; color: rgba(255, 255, 255, 0.85); font-variant-numeric: tabular-nums;">0:00</span>
893          <button type="button" class="v6t-lbctl" onClick="{{ lbMuteToggle }}" aria-label="Mute / unmute">
894            <sc-if value="{{ lbUnmuted }}" hint-placeholder-val="{{ true }}"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5L6 9H2v6h4l5 4V5z" fill="currentColor" stroke="none"></path><path d="M15.5 8.5a5 5 0 010 7"></path></svg></sc-if>
895            <sc-if value="{{ lbMuted }}" hint-placeholder-val="{{ false }}"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 5L6 9H2v6h4l5 4V5z" fill="currentColor" stroke="none"></path><path d="M22 9l-6 6M16 9l6 6"></path></svg></sc-if>
896          </button>
897        </div>
898      </div>
899      <div style="text-align: center; max-width: 640px; display: flex; flex-direction: column; gap: 5px;">
900        <span style="font-size: 15px; font-weight: 600; color: #FCFCFD;">{{ lbName }}</span>
901        <sc-if value="{{ lbHasQuote }}" hint-placeholder-val="{{ false }}">
902          <span style="font-size: 14px; line-height: 1.6; color: rgba(252, 252, 253, 0.75);">“{{ lbQuote }}”</span>
903        </sc-if>
904      </div>
905    </div>
906  </div>
907
908  <!-- ============ PROVIDER VIDEO MODAL (Wistia) ============ -->
909  <div class="{{ wlClass }}" role="dialog" aria-modal="true" aria-label="Provider interview video">
910    <div onClick="{{ wlClose }}" style="position: absolute; inset: 0; background: rgba(12, 12, 13, 0.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);"></div>
911    <button type="button" id="v7w-close" class="v6t-lbctl" onClick="{{ wlClose }}" aria-label="Close" style="position: absolute; top: 18px; right: 18px; z-index: 2; width: 40px; height: 40px; border-radius: var(--radius-pill); background: rgba(252, 252, 253, 0.12); border: 1px solid rgba(252, 252, 253, 0.2);"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M18 6L6 18M6 6l12 12"></path></svg></button>
912    <button type="button" class="v6t-lbarrow" onClick="{{ wlPrev }}" aria-label="Previous provider" style="left: 16px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 18l-6-6 6-6"></path></svg></button>
913    <button type="button" class="v6t-lbarrow" onClick="{{ wlNext }}" aria-label="Next provider" style="right: 16px;"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"></path></svg></button>
914    <div class="v6t-lbin" style="position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 16px; width: min(92vw, 960px); padding: 12px;">
915      <div style="position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius-2xl); overflow: hidden; background: #000000; box-shadow: 0 32px 90px rgba(0, 0, 0, 0.5);">
916        <sc-if value="{{ wlOpen }}" hint-placeholder-val="{{ false }}">
917          <iframe src="{{ wlSrc }}" title="{{ wlTitle }}" allow="autoplay; fullscreen" allowFullScreen="{{ true }}" style="position: absolute; inset: 0; width: 100%; height: 100%; border: 0;"></iframe>
918        </sc-if>
919      </div>
920      <div style="text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px;">
921        <span style="font-size: 16px; font-weight: 600; color: #FCFCFD;">{{ wlTitle }}</span>
922        <span style="display: inline-flex; align-items: center; gap: 3px; margin-top: 5px;" aria-label="Rated 5 out of 5"><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg><svg viewBox="0 0 24 24" width="14" height="14" fill="#F1AA41" aria-hidden="true"><path d="M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01z"></path></svg></span>
923      </div>
924    </div>
925  </div>
926
927  <!-- ============ STICKY MOBILE CTA ============ -->
928  <sc-if value="{{ showMobileCta }}" hint-placeholder-val="{{ false }}">
929    <div class="gc-mobile-only">
930      <div style="position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-mobile-cta); display: flex; justify-content: flex-start; background: var(--brand-900); padding: 12px 84px 12px 16px; box-shadow: 0 -8px 24px -12px rgba(12, 12, 13, 0.5);">
931        <a href="https://app.goldcare.com/auth/signup?coupon=trial&plan=annual" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 22px; border-radius: var(--radius-lg); background: var(--gold-gradient-btn); color: var(--brand-900); font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap;">Start Free<i data-lucide="arrow-right" style="width: 17px; height: 17px;"></i></a>
932      </div>
933    </div>
934  </sc-if>
935
936  <!-- ============ TOWNHALL ANNOUNCEMENT (temporary — auto-hides after the event) ============ -->
937  <dc-import name="Townhall Overlay" hint-size="0,0"></dc-import>
938
939</div>
940
941</x-dc>
942<script type="text/x-dc" data-dc-script data-props="{
943  &quot;providersBase&quot;: { &quot;editor&quot;: &quot;text&quot;, &quot;default&quot;: &quot;providers&quot;, &quot;tsType&quot;: &quot;string&quot;, &quot;section&quot;: &quot;Provider videos&quot; },
944  &quot;showMobileCta&quot;: { &quot;editor&quot;: &quot;boolean&quot;, &quot;default&quot;: true, &quot;tsType&quot;: &quot;boolean&quot;, &quot;section&quot;: &quot;Layout&quot; },
945  &quot;testimonialsBase&quot;: { &quot;editor&quot;: &quot;text&quot;, &quot;default&quot;: &quot;testimonials&quot;, &quot;tsType&quot;: &quot;string&quot;, &quot;section&quot;: &quot;Member videos&quot; }
946}">
947class Component extends DCLogic {
948  state = { scrolled: false, hdrHidden: false, resOpen: false, resLeft: 0, resTop: 78, menuOpen: false, lb: null, wl: null, lbPlaying: false, lbMuted: false, stories: null, isMobile: typeof window !== 'undefined' && window.matchMedia('(max-width: 880px)').matches };
949
950  componentDidMount() {
951    this._insDelegate = (e) => {
952      const a = e.target && e.target.closest ? e.target.closest('a[href="/insurance"]') : null;
953      if (a && a.target !== '_blank') { e.preventDefault(); window.open('/insurance', '_blank', 'noopener,noreferrer'); }
954    };
955    document.addEventListener('click', this._insDelegate, true);
956    requestAnimationFrame(() => document.querySelectorAll('a[href="/insurance"]').forEach(a => { a.target = '_blank'; a.rel = 'noopener noreferrer'; }));
957    this._lastY = window.scrollY;
958    this._onScroll = () => {
959      const y = window.scrollY;
960      const sc = y > 8;
961      const goingDown = y > this._lastY + 4;
962      const goingUp = y < this._lastY - 4;
963      let hidden = this.state.hdrHidden;
964      if (goingDown && y > 140) hidden = true;
965      else if (goingUp || y <= 140) hidden = false;
966      if (goingDown || goingUp) this._lastY = y;
967      if (sc !== this.state.scrolled || hidden !== this.state.hdrHidden) this.setState(hidden ? { scrolled: sc, hdrHidden: hidden, resOpen: false, menuOpen: false } : { scrolled: sc, hdrHidden: hidden });
968    };
969    window.addEventListener('scroll', this._onScroll, { passive: true });
970    this._mq = window.matchMedia('(max-width: 880px)');
971    this._onMq = () => this.setState({ isMobile: this._mq.matches });
972    this._mq.addEventListener('change', this._onMq);
973    this._onMq();
974    this._navClose = () => { if (this.state.resOpen || this.state.menuOpen) this.setState({ resOpen: false, menuOpen: false }); };
975    document.addEventListener('click', this._navClose);
976    this._mqTouchStart = (e) => { const m = e.target && e.target.closest ? e.target.closest('.v4-marquee') : null; if (m) m.classList.add('v6-paused'); };
977    this._mqTouchEnd = () => { document.querySelectorAll('.v4-marquee.v6-paused').forEach((m) => m.classList.remove('v6-paused')); };
978    document.addEventListener('touchstart', this._mqTouchStart, { passive: true });
979    document.addEventListener('pointerdown', this._mqTouchStart, { passive: true });
980    document.addEventListener('touchend', this._mqTouchEnd, { passive: true });
981    document.addEventListener('pointerup', this._mqTouchEnd, { passive: true });
982    this._initTestimonials();
983    // Lucide: convert any <i data-lucide> that React (re)creates.
984    this._iconTimer = setInterval(() => {
985      if (window.lucide && document.querySelector('i[data-lucide]')) {
986        try { window.lucide.createIcons(); } catch (e) {}
987      }
988    }, 350);
989  }
990
991  componentWillUnmount() {
992    window.removeEventListener('scroll', this._onScroll);
993    if (this._mq) this._mq.removeEventListener('change', this._onMq);
994    document.removeEventListener('click', this._navClose);
995    document.removeEventListener('touchstart', this._mqTouchStart);
996    document.removeEventListener('pointerdown', this._mqTouchStart);
997    document.removeEventListener('touchend', this._mqTouchEnd);
998    document.removeEventListener('pointerup', this._mqTouchEnd);
999    clearInterval(this._iconTimer);
1000    clearInterval(this._wireTimer);
1001    clearInterval(this._provTick);
1002    clearInterval(this._attractTimer);
1003    clearTimeout(this._lbIdleT);
1004    if (this._lbKeydown) window.removeEventListener('keydown', this._lbKeydown);
1005    if (this._cardIO) this._cardIO.disconnect();
1006    if (this._provIO) this._provIO.disconnect();
1007    if (this._proofIO) this._proofIO.disconnect();
1008    document.body.style.overflow = '';
1009  }
1010
1011  _navLinks() {
1012    if (!this._insLabel) {
1013      this._insLabel = React.createElement('span',
1014        { style: { display: 'inline-flex', alignItems: 'center', gap: 7 } },
1015        'Insurance',
1016        React.createElement('img', { src: 'assets/new-tag.svg', alt: 'New', style: {
1017          height: 18, width: 'auto', display: 'block',
1018        } })
1019      );
1020      this._resToggle = (e) => {
1021        e.preventDefault(); e.stopPropagation();
1022        const r = e.currentTarget.getBoundingClientRect();
1023        this.setState((s) => ({ resOpen: !s.resOpen, menuOpen: false, resLeft: Math.round(r.left), resTop: Math.round(r.bottom + 10) }));
1024      };
1025      this._storeOpen = (e) => { e.preventDefault(); e.stopPropagation(); window.open('https://store.goldcare.com/', '_blank', 'noopener'); };
1026    }
1027    // Cover the whole anchor hit area so clicks always hit the span handler.
1028    const cover = { display: 'inline-flex', alignItems: 'center', gap: 6, margin: '-8px -13px', padding: '8px 13px', borderRadius: 'var(--radius-md)' };
1029    const chev = React.createElement('svg', { width: 14, height: 14, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round', style: { transition: 'transform var(--duration-fast) var(--easing-out)', transform: this.state.resOpen ? 'rotate(180deg)' : 'none', marginTop: 1 } }, React.createElement('path', { d: 'm6 9 6 6 6-6' }));
1030    const up = React.createElement('svg', { width: 13, height: 13, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round', style: { opacity: 0.65 } }, React.createElement('path', { d: 'M7 7h10v10' }), React.createElement('path', { d: 'M7 17 17 7' }));
1031    return [
1032      { label: 'Membership', href: '#pricing' },
1033      { label: this._insLabel, href: '/insurance' },
1034      { label: 'Care', href: '#doctors' },
1035      { label: React.createElement('span', { style: cover, onClick: this._resToggle }, 'Resources', chev), href: '#wellnessu' },
1036      { label: 'About', href: '#founder' },
1037      { label: React.createElement('span', { style: cover, onClick: this._storeOpen }, 'Store', up), href: 'https://store.goldcare.com/' },
1038    ];
1039  }
1040
1041  _providers() {
1042    if (this._provCache) return this._provCache;
1043    this._provCache = [
1044      { slug: 'richard-amerling', name: 'Richard Amerling', title: 'MD 
1044· Nephrology & Internal Medicine', wistia: '59vgr5fr16', quote: 'True healing occurs at the point of interaction between the healer and the patient.' },
1045      { slug: 'audra-hanners', name: 'Audra Hanners', title: 'NP · Psychiatric Mental Health & Family', wistia: 'hqzfndq7x7', quote: 'At GoldCare I finally have time with patients. Quality care instead of quantity.' },
1046      { slug: 'jay-flottmann', name: 'Jay Flottmann', title: 'MD · General Practice', wistia: 'ibfhedo538', quote: 'A doctor is a partner in your health, not a dictator. We move toward your objective together.' },
1047      { slug: 'kristy-morrell', name: 'Kristy Morrell', title: 'RD · Director of Nutrition', wistia: 'zmisnf70l4', quote: 'I don\u2019t just tell you what to eat. I teach the why, so health spreads to your family.' },
1048      { slug: 'jennifer-allen', name: 'Jennifer Allen', title: 'MD · Family Medicine', wistia: 'fbw3h9r3l9', quote: 'You decide how long you see me and how much you need to talk. Patients leave feeling heard.' },
1049      { slug: 'christopher-warden', name: 'Christopher Warden', title: 'DPT · Physical Therapy & Coaching', wistia: 'u6ltoim3ul', quote: 'Your body knows how to heal. My job is to listen well and gently support it.' },
1050      { slug: 'deb-conrad', name: 'Deb Conrad', title: 'PA · Advanced Practice Director', wistia: 'd112wdcmwf', quote: 'Patient first, informed consent always. You deserve every risk and benefit. Then the decision is yours.' },
1051      { slug: 'terry-lakins', name: 'Terry Lakins', title: 'DO · Family & Functional Medicine', wistia: 'z249be36b0', quote: 'Everything comes down to finding the root cause and making you the healthiest you can be.' },
1052      { slug: 'melodee-voyles', name: 'Melodee Voyles', title: 'ND · Naturopathic Medicine', wistia: '175u6sjb7r', quote: 'So many patients have simply never been heard. It\u2019s a relief to work with someone who truly listens.' },
1053      { slug: 'john-montalvo', name: 'John Montalvo', title: 'Naturopath & Homeopath', wistia: 'c6cx8ph85j', quote: 'I treat mind, body, and soul. The whole person, not the parts medicine split you into.' },
1054    ];
1055    return this._provCache;
1056  }
1057
1058  _provBase() { return String(this.props.providersBase ?? 'providers').replace(/\/+$/, ''); }
1059
1060  _wireProviders() {
1061    const el = document.getElementById('v7p-swiper');
1062    if (!el || el._v7Wired || typeof el.initialize !== 'function') return;
1063    if (!el.querySelector('.v7p-card')) return;
1064    el._v7Wired = true;
1065    const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
1066    Object.assign(el, {
1067      loop: true,
1068      speed: 800,
1069      spaceBetween: 14,
1070      slidesPerView: 1.45,
1071      centeredSlides: true,
1072      breakpoints: {
1073        560: { slidesPerView: 1.9, centeredSlides: false },
1074        800: { slidesPerView: 2.6, centeredSlides: false },
1075        1040: { slidesPerView: 3.4, centeredSlides: false },
1076        1320: { slidesPerView: 4.2, centeredSlides: false },
1077        1680: { slidesPerView: 5, centeredSlides: false },
1078      },
1079      autoplay: reduce ? false : { delay: 2400, disableOnInteraction: false, pauseOnMouseEnter: true },
1080      grabCursor: true,
1081    });
1082    el.initialize();
1083    if (!reduce) setTimeout(() => { try { if (el.swiper && el.swiper.autoplay && !el.swiper.autoplay.running) el.swiper.autoplay.start(); } catch (e) {} }, 600);
1084  }
1085
1086  _wireProvIO() {
1087    // Freeze every preview on its first frame; only the 1-2 center cards play.
1088    const cards = document.querySelectorAll('.v7p-card');
1089    if (!cards.length || cards.length === this._provIOCount) return;
1090    this._provIOCount = cards.length;
1091    cards.forEach((c) => {
1092      const v = c.querySelector('video');
1093      if (!v || v._v7Wired) return;
1094      v._v7Wired = true;
1095      v.preload = 'auto';
1096      if (v.readyState >= 2) c.classList.add('v7p-ready');
1097      v.addEventListener('loadeddata', () => c.classList.add('v7p-ready'));
1098      try { v.load(); } catch (e) {}
1099    });
1100    if (!this._provTick) this._provTick = setInterval(() => this._provCenterTick(), 450);
1101  }
1102
1103  _provCenterTick() {
1104    if (document.hidden || this.state.wl != null || this._reduce) return;
1105    const cards = Array.prototype.slice.call(document.querySelectorAll('.v7p-card'));
1106    if (!cards.length) return;
1107    const vw = window.innerWidth;
1108    const vh = window.innerHeight;
1109    const mid = vw / 2;
1110    const scored = cards.map((c) => {
1111      const r = c.getBoundingClientRect();
1112      const cx = (r.left + r.right) / 2;
1113      return { c: c, d: Math.abs(cx - mid), visible: r.bottom > 0 && r.top < vh && cx > 0 && cx < vw };
1114    });
1115    const active = scored.filter((s) => s.visible).sort((a, b) => a.d - b.d).slice(0, 2).map((s) => s.c);
1116    scored.forEach((s) => {
1117      const v = s.c.querySelector('video');
1118      if (!v) return;
1119      if (active.indexOf(s.c) !== -1) {
1120        if (v.paused) v.play().then(() => s.c.classList.add('v7p-playing')).catch(() => {});
1121      } else {
1122        if (!v.paused) v.pause();
1123        if (v.currentTime > 0.05) { try { v.currentTime = 0; } catch (e) {} }
1124        s.c.classList.remove('v7p-playing');
1125      }
1126    });
1127  }
1128
1129  _openWistia(i) {
1130    if (this.state.wl == null) this._wlReturn = document.activeElement;
1131    document.querySelectorAll('.v7p-card.v7p-playing').forEach((c) => {
1132      const v = c.querySelector('video');
1133      if (v) v.pause();
1134      c.classList.remove('v7p-playing');
1135    });
1136    this.setState({ wl: i });
1137    document.body.style.overflow = 'hidden';
1138    requestAnimationFrame(() => { const c = document.getElementById('v7w-close'); if (c) c.focus(); });
1139  }
1140
1141  _closeWistia() {
1142    document.body.style.overflow = '';
1143    this.setState({ wl: null });
1144    this._provIOCount = -1;
1145    if (this._wlReturn && this._wlReturn.focus) { try { this._wlReturn.focus(); } catch (e) {} }
1146    this._wlReturn = null;
1147  }
1148
1149  _stepWistia(d) {
1150    const n = this._providers().length;
1151    if (!n || this.state.wl == null) return;
1152    this.setState({ wl: ((this.state.wl + d) % n + n) % n });
1153  }
1154
1155  _base() { return String(this.props.testimonialsBase ?? 'testimonials').replace(/\/+$/, ''); }
1156
1157  _fallbackStories() {
1158    if (this._storyCache) return this._storyCache;
1159    this._storyCache = [
1160      { slug: 'barbara-haynes', name: 'Barbara H.', detail: 'GoldCare member', duration: '1:08', pull: 'We built my plan together.', quote: 'She listened, and we built my plan together. I left knowing we\u2019d actually collaborate on my health.' },
1161      { slug: 'brad-roller', name: 'Brad R.', detail: 'GoldCare member', duration: '1:03', pull: '', quote: '' },
1162      { slug: 'cheryl-rold', name: 'Cheryl R.', detail: 'GoldCare member', duration: '1:31', pull: '', quote: '' },
1163      { slug: 'chris-tafralian', name: 'Chris T.', detail: 'GoldCare member', duration: '1:44', pull: 'Straight answers, every time.', quote: 'Just knowing I\u2019ll get straight answers means everything to me.' },
1164      { slug: 'craig-nordal', name: 'Craig N.', detail: 'GoldCare member', duration: '1:12', pull: '', quote: '' },
1165      { slug: 'hal-slentz', name: 'Commander Hal S.', detail: 'GoldCare member', duration: '1:47', pull: '', quote: '' },
1166      { slug: 'judith-andrich', name: 'Judith A.', detail: 'GoldCare member', duration: '0:52', pull: '', quote: '' },
1167      { slug: 'lisa-neal', name: 'Lisa N.', detail: 'GoldCare member', duration: '0:48', pull: 'My doctor actually heard me.', quote: 'For the first time in years, I felt like my doctor actually heard me.' },
1168      { slug: 'maciej', name: 'Maciej', detail: 'GoldCare member', duration: '0:32', pull: '', quote: '' },
1169    ];
1170    return this._storyCache;
1171  }
1172
1173  _stories() { return this.state.stories || this._fallbackStories(); }
1174
1175  _initTestimonials() {
1176    this._touch = window.matchMedia('(hover: none)').matches;
1177    this._reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
1178    this._hoverHold = false; this._autoCard = null; this._autoIdx = -1; this._proofVisible = true;
1179
1180    fetch(this._base() + '/manifest.json')
1181      .then((r) => (r.ok ? r.json() : null))
1182      .then((j) => {
1183        if (!j || !Array.isArray(j.testimonials)) return;
1184        const clean = (x) => (!x || x === 'TODO' ? '' : x);
1185        this.setState({ stories: j.testimonials.map((t) => ({ slug: t.slug, name: t.name, detail: t.detail || 'GoldCare member', duration: t.duration || '', pull: clean(t.pull), quote: clean(t.quote) })) });
1186      })
1187      .catch(() => {});
1188
1189    // Wire rail + lightbox as soon as their elements exist (template mounts async).
1190    this._wireTimer = setInterval(() => { this._wireRail(); this._wireLightbox(); this._wireTouchIO(); this._wireProviders(); this._wireProvIO(); }, 400);
1191
1192    this._lbKeydown = (e) => {
1193      if (this.state.wl != null) {
1194        if (e.key === 'Escape') this._closeWistia();
1195        else if (e.key === 'ArrowLeft') this._stepWistia(-1);
1196        else if (e.key === 'ArrowRight') this._stepWistia(1);
1197        return;
1198      }
1199      if (this.state.lb == null) return;
1200      if (e.key === 'Escape') this._closeLb();
1201      else if (e.key === 'ArrowLeft') this._stepLb(-1);
1202      else if (e.key === 'ArrowRight') this._stepLb(1);
1203      else if (e.key === ' ') { e.preventDefault(); this._lbToggle(); }
1204    };
1205    window.addEventListener('keydown', this._lbKeydown);
1206
1207    // Idle attract cycle (desktop): visible cards take turns playing their silent loop.
1208    if (!this._touch && !this._reduce) {
1209      this._attractTimer = setInterval(() => {
1210        const rail = document.getElementById('v6t-rail');
1211        if (!rail || this._hoverHold || !this._proofVisible || document.hidden || this.state.lb != null) return;
1212        const rb = rail.getBoundingClientRect();
1213        const cards = Array.prototype.filter.call(rail.querySelectorAll('.v6t-card'), (c) => {
1214          const r = c.getBoundingClientRect();
1215          const cx = (r.left + r.right) / 2;
1216          return cx > rb.left && cx < rb.right;
1217        });
1218        if (!cards.length) return;
1219        if (this._autoCard) this._stopLoop(this._autoCard);
1220        this._autoIdx = (this._autoIdx + 1) % cards.length;
1221        this._autoCard = cards[this._autoIdx];
1222        this._startLoop(this._autoCard);
1223      }, 3000);
1224    }
1225  }
1226
1227  _startLoop(card) {
1228    if (this._reduce || !card) return;
1229    clearTimeout(card._v6tT);
1230    card._v6tT = setTimeout(() => {
1231      const v = card.querySelector('video');
1232      if (!v) return;
1233      try { v.currentTime = 0; } catch (e) {}
1234      v.play().catch(() => {});
1235      card.classList.add('v6t-playing');
1236    }, 150);
1237  }
1238
1239  _stopLoop(card) {
1240    if (!card) return;
1241    clearTimeout(card._v6tT);
1242    const v = card.querySelector('video');
1243    if (v) v.pause();
1244    card.classList.remove('v6t-playing');
1245  }
1246
1247  _stopAllLoops() {
1248    document.querySelectorAll('#v6t-rail .v6t-card').forEach((c) => this._stopLoop(c));
1249    this._autoCard = null;
1250  }
1251
1252  _wireRail() {
1253    const rail = document.getElementById('v6t-rail');
1254    if (!rail || rail._v6tWired) return;
1255    rail._v6tWired = true;
1256    if (!this._touch) {
1257      rail.addEventListener('mouseover', (e) => {
1258        const card = e.target && e.target.closest ? e.target.closest('.v6t-card') : null;
1259        if (!card || (e.relatedTarget && card.contains(e.relatedTarget))) return;
1260        this._hoverHold = true;
1261        if (this._autoCard && this._autoCard !== card) this._stopLoop(this._autoCard);
1262        this._startLoop(card);
1263      });
1264      rail.addEventListener('mouseout', (e) => {
1265        const card = e.target && e.target.closest ? e.target.closest('.v6t-card') : null;
1266        if (!card || (e.relatedTarget && card.contains(e.relatedTarget))) return;
1267        this._hoverHold = false;
1268        this._stopLoop(card);
1269      });
1270      rail.addEventListener('focusin', (e) => { const c = e.target.closest('.v6t-card'); if (c) this._startLoop(c); });
1271      rail.addEventListener('focusout', (e) => { const c = e.target.closest('.v6t-card'); if (c) this._stopLoop(c); });
1272      let drag = null;
1273      rail.addEventListener('pointerdown', (e) => { drag = { x: e.clientX, left: rail.scrollLeft, moved: false }; });
1274      window.addEventListener('pointermove', (e) => {
1275        if (!drag) return;
1276        const dx = e.clientX - drag.x;
1277        if (Math.abs(dx) > 6 && !drag.moved) { drag.moved = true; rail.classList.add('v6t-dragging'); }
1278        if (drag.moved) rail.scrollLeft = drag.left - dx;
1279      });
1280      window.addEventListener('pointerup', () => { rail.classList.remove('v6t-dragging'); setTimeout(() => { drag = null; }, 0); });
1281      rail.addEventListener('click', (e) => { if (drag && drag.moved) { e.stopPropagation(); e.preventDefault(); } }, true);
1282    }
1283    const proof = document.getElementById('proof');
1284    if (proof && 'IntersectionObserver' in window) {
1285      this._proofIO = new IntersectionObserver((es) => { this._proofVisible = es[0].isIntersecting; }, { threshold: 0.2 });
1286      this._proofIO.observe(proof);
1287    }
1288  }
1289
1290  _wireTouchIO() {
1291    if (!this._touch || this._reduce) return;
1292    const rail = document.getElementById('v6t-rail');
1293    if (!rail) return;
1294    const cards = rail.querySelectorAll('.v6t-card');
1295    if (cards.length === this._ioCount) return;
1296    this._ioCount = cards.length;
1297    if (this._cardIO) this._cardIO.disconnect();
1298    if (this._provIO) this._provIO.disconnect();
1299    this._cardIO = new IntersectionObserver((es) => {
1300      es.forEach((en) => { if (en.isIntersecting) this._startLoop(en.target); else this._stopLoop(en.target); });
1301    }, { root: rail, threshold: 0.75 });
1302    cards.forEach((c) => this._cardIO.observe(c));
1303  }
1304
1305  _wireLightbox() {
1306    const v = document.getElementById('v6t-lbvideo');
1307    if (!v || v._v6tWired) return;
1308    v._v6tWired = true;
1309    const stage = document.getElementById('v6t-lbstage');
1310    const fill = document.getElementById('v6t-scrubfill');
1311    const time = document.getElementById('v6t-lbtime');
1312    const scrub = document.getElementById('v6t-scrub');
1313    v.addEventListener('error', () => { if (this.state.lb != null && v.getAttribute('src')) this.setState({ lbError: true, lbPlaying: false }); });
1314    v.addEventListener('play', () => this.setState({ lbPlaying: true }));
1315    v.addEventListener('pause', () => { this.setState({ lbPlaying: false }); this._lbWake(); });
1316    v.addEventListener('ended', () => this.setState({ lbPlaying: false }));
1317    v.addEventListener('timeupdate', () => {
1318      if (!v.duration) return;
1319      if (fill) fill.style.width = (v.currentTime / v.duration) * 100 + '%';
1320      const t = Math.floor(v.currentTime);
1321      if (time) time.textContent = Math.floor(t / 60) + ':' + String(t % 60).padStart(2, '0');
1322    });
1323    if (scrub) {
1324      scrub.addEventListener('pointerdown', (e) => {
1325        const seek = (ev) => {
1326          const r = scrub.getBoundingClientRect();
1327          const p = Math.min(Math.max((ev.clientX - r.left) / r.width, 0), 1);
1328          if (v.duration) v.currentTime = p * v.duration;
1329        };
1330        seek(e);
1331        const mv = (ev) => seek(ev);
1332        const up = () => { window.removeEventListener('pointermove', mv); window.removeEventListener('pointerup', up); };
1333        window.addEventListener('pointermove', mv);
1334        window.addEventListener('pointerup', up);
1335      });
1336    }
1337    if (stage) stage.addEventListener('pointermove', () => this._lbWake());
1338  }
1339
1340  _lbWake() {
1341    const stage = document.getElementById('v6t-lbstage');
1342    const v = document.getElementById('v6t-lbvideo');
1343    if (!stage) return;
1344    stage.classList.remove('v6t-idle');
1345    clearTimeout(this._lbIdleT);
1346    this._lbIdleT = setTimeout(() => { if (v && !v.paused) stage.classList.add('v6t-idle'); }, 2600);
1347  }
1348
1349  _openLb(i) {
1350    const s = this._stories()[i];
1351    if (!s) return;
1352    if (this.state.lb == null) this._lbReturn = document.activeElement;
1353    this._stopAllLoops();
1354    this.setState({ lb: i, lbPlaying: true, lbMuted: false, lbError: false });
1355    document.body.style.overflow = 'hidden';
1356    requestAnimationFrame(() => {
1357      this._wireLightbox();
1358      const v = document.getElementById('v6t-lbvideo');
1359      if (!v) return;
1360      v.src = this._base() + '/' + s.slug + '/full.mp4';
1361      v.muted = false;
1362      v.play().catch(() => {});
1363      const c = document.getElementById('v6t-lbclose');
1364      if (c) c.focus();
1365      this._lbWake();
1366    });
1367  }
1368
1369  _closeLb() {
1370    const v = document.getElementById('v6t-lbvideo');
1371    if (v) { v.pause(); v.removeAttribute('src'); try { v.load(); } catch (e) {} }
1372    document.body.style.overflow = '';
1373    this.setState({ lb: null, lbPlaying: false });
1374    if (this._lbReturn && this._lbReturn.focus) { try { this._lbReturn.focus(); } catch (e) {} }
1375    this._lbReturn = null;
1376  }
1377
1378  _stepLb(d) {
1379    const n = this._stories().length;
1380    if (!n || this.state.lb == null) return;
1381    this._openLb(((this.state.lb + d) % n + n) % n);
1382  }
1383
1384  _lbToggle() {
1385    const v = document.getElementById('v6t-lbvideo');
1386    if (!v) return;
1387    if (v.paused) v.play().catch(() => {}); else v.pause();
1388  }
1389
1390  _lbMuteToggle() {
1391    const v = document.getElementById('v6t-lbvideo');
1392    if (!v) return;
1393    v.muted = !v.muted;
1394    this.setState({ lbMuted: v.muted });
1395  }
1396
1397  _scrollVids(dir) {
1398    const el = document.getElementById('v6t-rail');
1399    if (el) el.scrollBy({ left: dir * Math.round(el.clientWidth * 0.85), behavior: 'smooth' });
1400  }
1401
1402  _marquee() {
1403    if (this._marqueeCache) return this._marqueeCache;
1404    const q = [
1405      { title: 'Unhurried, Undivided Attention', quote: 'Thirty unhurried minutes with my provider. I\u2019m not sure I\u2019ve ever had that before.', name: 'GoldCare Member', detail: 'Verified review' },
1406      { title: 'A True Partnership', quote: 'She listened, and we built my plan together. I left knowing we\u2019d actually collaborate on my health.', name: 'Barbara H.', detail: 'GoldCare member' },
1407      { title: 'Finally Heard', quote: 'For the first time in years, I felt like my doctor actually heard me.', name: 'Lisa N.', detail: 'GoldCare member' },
1408      { title: 'Straight Answers', quote: 'Just knowing I\u2019ll get straight answers means everything to me.', name: 'Chris T.', detail: 'GoldCare member' },
1409      { title: 'Everyday Miracles', quote: 'Every day I see miracles, and I think GoldCare is one of them.', name: 'Ruth H.', detail: 'GoldCare member' },
1410    ];
1411    const seq = (idx) => idx.map((i) => q[i]);
1412    const baseA = seq([0, 1, 2, 3, 4, 2, 0, 3, 1, 4]);
1413    const baseB = seq([3, 4, 1, 0, 2, 4, 3, 0, 2, 1]);
1414    this._marqueeCache = { a: baseA.concat(baseA), b: baseB.concat(baseB) };
1415    return this._marqueeCache;
1416  }
1417
1418  _faqGroups() {
1419    if (this._faqCache) return this._faqCache;
1420    const e = React.createElement;
1421    const insuranceLink = e('a', { href: '/insurance', target: '_blank', rel: 'noopener noreferrer', style: { color: 'var(--text-primary)', fontWeight: 600 } }, 'GoldCare Insurance');
1422    this._faqCache = {
1423      trial: [
1424        { q: 'Is the free trial really free?', a: 'Yes: 30 days of full membership: your nurse welcome call, your personal plan, WellnessU, townhalls, the community. We ask for a card at signup, but nothing is charged until day 30, and cancelling takes two clicks, no phone call. Doctor visits are the one thing that\u2019s always pay-as-you-go, trial or not; that\u2019s how we keep the membership at $17. Optional plan upgrades chosen at signup are billed right away.' },
1425        { q: 'What if I want to cancel?', a: 'Anytime. No contracts, no phone call, no guilt trip. Two clicks. Full access through the end of your billing cycle, and tokens you\u2019ve bought never expire. (The monthly fee itself isn\u2019t refunded.)' },
1426      ],
1427      costs: [
1428        { q: 'What does the $17/month actually pay for?', a: 'The membership itself: access to 200+ independent clinicians, hundreds of WellnessU classes, the community, Med-Pack access, and live events. It\u2019s the key to the system, not the price of a visit.' },
1429        { q: 'Then what does seeing a doctor cost?', a: 'Visits are pay-as-you-go with tokens ($10 each, and they never expire). A 15-minute visit runs about $100 with a physician, $80 with an NP or PA, $60 for nutrition and lifestyle. Prefer a set monthly visit? Add one for +$50 (15 min) or +$90 (30 min).' },
1430        { q: 'Can I add my family?', a: e(React.Fragment, null, 'Yes. ', e('strong', { style: { color: 'var(--text-primary)', fontWeight: 600 } }, '+$12/month covers your whole household, $29 total.'), ' And \u201Cfamily\u201D is your call: spouse, kids, parents, siblings, even a friend. It works like a shared account: you decide who\u2019s on it.') },
1431      ],
1432      care: [
1433        { q: 'Is GoldCare insurance?', a: e(React.Fragment, null, 'The membership isn\u2019t: no premiums, no deductibles, no claims. You get independent doctors and pay for visits as you go. If you want protection for large, unexpected medical events, that\u2019s our second product: ', insuranceLink, ', a separate accident & illness plan. Membership for everyday care; insurance for catastrophes.') },
1434        { q: 'Can a GoldCare doctor prescribe and order labs?', a: 'Yes. Our prescribers (MDs, DOs, NPs, PAs) prescribe and order labs and imaging. Advisors and coaches cover guidance, education, and lifestyle. You pick the level you need.' },
1435        { q: 'Can I keep my insurance or Medicare?', a: 'Yes. GoldCare works alongside whatever you have. We don\u2019t bill insurance or Medicare, but nothing stops you from submitting on your own. Most members use GoldCare for direct, unrushed care and keep their coverage for the rest.' },
1436        { q: 'Is GoldCare a replacement for the ER?', a: 'No, and we\u2019ll always be straight with you about that. GoldCare is for everyday and ongoing care. In an emergency, call 911. For everything else, we\u2019re built to actually have time for you.' },
1437      ],
1438    };
1439    return this._faqCache;
1440  }
1441
1442  renderVals() {
1443    const faq = this._faqGroups();
1444
1445    const base = this._base();
1446    const stories = this._stories().map((s, i) => ({
1447      slug: s.slug,
1448      name: s.name,
1449      duration: s.duration,
1450      pull: s.pull,
1451      hasPull: !!s.pull,
1452      poster: base + '/' + s.slug + '/poster.webp',
1453      preview: base + '/' + s.slug + '/preview.mp4',
1454      aria: 'Play ' + s.name + '\u2019s story (' + s.duration + ')',
1455      open: () => this._openLb(i),
1456    }));
1457    const lbS = this.state.lb != null ? this._stories()[this.state.lb] : null;
1458    if (!this._provVals) {
1459      const pbase = this._provBase();
1460      this._provVals = this._providers().map((p, i) => ({
1461        name: p.name,
1462        title: p.title,
1463        quote: p.quote,
1464        preview: pbase + '/' + p.slug + '/preview.mp4',
1465        aria: 'Watch this clinician\u2019s full interview',
1466        open: () => this._openWistia(i),
1467      }));
1468    }
1469    const wlP = this.state.wl != null ? this._providers()[this.state.wl] : null;
1470
1471    const vals = {
1472      scrolled: this.state.scrolled,
1473      headerClass: 'v4-hdrwrap' + (!this.state.scrolled && !this.state.isMobile ? ' v4-hdr-overlay' : '') + (this.state.hdrHidden ? ' v6-hdr-hidden' : ''),
1474      isMobile: this.state.isMobile,
1475      isDesktop: !this.state.isMobile,
1476      navLinks: this._navLinks(),
1477      resOpen: !!this.state.resOpen,
1478      resPanelStyle: { position: 'absolute', top: this.state.resTop || 78, left: this.state.resLeft || 0, minWidth: 244, background: '#FCFCFD', border: '1px solid #E6E6E8', borderRadius: 12, boxShadow: '0 4px 18px rgba(0, 0, 0, 0.07)', padding: 6, display: 'flex', flexDirection: 'column', gap: 2, zIndex: 80 },
1479      menuOpen: !!this.state.menuOpen,
1480      menuClosed: !this.state.menuOpen,
1481      toggleMenu: (e) => { e.stopPropagation(); this.setState((s) => ({ menuOpen: !s.menuOpen, resOpen: false })); },
1482      closeMenu: () => this.setState({ menuOpen: false }),
1483      providers: this._provVals,
1484      provPrev: () => { const el = document.getElementById('v7p-swiper'); if (el && el.swiper) el.swiper.slidePrev(450); },
1485      provNext: () => { const el = document.getElementById('v7p-swiper'); if (el && el.swiper) el.swiper.slideNext(450); },
1486      wlClass: 'v6t-lb' + (wlP ? ' v6t-open' : ''),
1487      wlOpen: !!wlP,
1488      wlName: wlP ? wlP.name : '',
1489      wlTitle: wlP ? wlP.title : '',
1490      wlSrc: wlP ? 'https://media.goldcare.com/embed/' + wlP.wistia + '?tenant=goldcare&autoplay=true' : '',
1491      wlClose: () => this._closeWistia(),
1492      wlPrev: () => this._stepWistia(-1),
1493      wlNext: () => this._stepWistia(1),
1494      faqTrial: faq.trial,
1495      faqCosts: faq.costs,
1496      faqCare: faq.care,
1497      marqueeA: this._marquee().a,
1498      marqueeB: this._marquee().b,
1499      showMobileCta: this.props.showMobileCta ?? true,
1500      stories: stories,
1501      vidPrev: () => this._scrollVids(-1),
1502      vidNext: () => this._scrollVids(1),
1503      lbClass: 'v6t-lb' + (lbS ? ' v6t-open' : ''),
1504      lbName: lbS ? lbS.name + ' \u00B7 ' + (lbS.detail || 'GoldCare member') : '',
1505      lbQuote: lbS ? lbS.quote : '',
1506      lbHasQuote: !!(lbS && lbS.quote),
1507      lbError: !!this.state.lbError,
1508      lbPlaying: this.state.lbPlaying,
1509      lbPaused: !this.state.lbPlaying,
1510      lbMuted: this.state.lbMuted,
1511      lbUnmuted: !this.state.lbMuted,
1512      lbClose: () => this._closeLb(),
1513      lbToggle: () => this._lbToggle(),
1514      lbMuteToggle: () => this._lbMuteToggle(),
1515      lbPrevStory: () => this._stepLb(-1),
1516      lbNextStory: () => this._stepLb(1),
1517    };
1518    return vals;
1519  }
1520}
1521
1522</script>
1522
1523</body>
1524</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.