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 & 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 & 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&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 & 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 & 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 & 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 & 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 & 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 & 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 "providersBase": { "editor": "text", "default": "providers", "tsType": "string", "section": "Provider videos" }, 944 "showMobileCta": { "editor": "boolean", "default": true, "tsType": "boolean", "section": "Layout" }, 945 "testimonialsBase": { "editor": "text", "default": "testimonials", "tsType": "string", "section": "Member videos" } 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.