#healthcompareai-landing * { box-sizing: border-box; } #healthcompareai-landing .hcai-page { max-width: 1120px; margin: 0 auto; } #healthcompareai-landing a { color: #a5b4fc; text-decoration: underline; text-decoration-thickness: 1px; } /* ========= Hero / Header ========= */ #healthcompareai-landing .hcai-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; } #healthcompareai-landing .hcai-brand { display: flex; align-items: center; gap: 12px; } #healthcompareai-landing .hcai-orb { width: 42px; height: 42px; border-radius: 999px; background: conic-gradient(from 180deg, #22c55e, #4f46e5, #06b6d4, #22c55e); position: relative; overflow: hidden; box-shadow: 0 0 30px rgba(129, 140, 248, 0.8); animation: hcai-orb-spin 7s linear infinite; } #healthcompareai-landing .hcai-orb::after { content: ""; position: absolute; inset: 6px; border-radius: inherit; background: radial-gradient(circle at 30% 20%, rgba(248, 250, 252, 0.9), transparent 60%); mix-blend-mode: screen; } #healthcompareai-landing .hcai-logo-text { display: flex; flex-direction: column; gap: 2px; } #healthcompareai-landing .hcai-logo-text span { font-weight: 600; font-size: 20px; letter-spacing: 0.03em; } #healthcompareai-landing .hcai-logo-text small { font-size: 12px; text-transform: uppercase; letter-spacing: 0.16em; color: #9ca3af; } #healthcompareai-landing .hcai-header-note { font-size: 12px; color: #9ca3af; text-align: right; } #healthcompareai-landing .hcai-top-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; font-size: 11px; color: #9ca3af; } #healthcompareai-landing .hcai-chip { border-radius: 999px; padding: 5px 10px; background: rgba(15, 23, 42, 0.85); border: 1px solid rgba(148, 163, 184, 0.3); display: inline-flex; align-items: center; gap: 6px; } #healthcompareai-landing .hcai-chip-dot { width: 6px; height: 6px; border-radius: 999px; background: #22c55e; box-shadow: 0 0 10px rgba(34, 197, 94, 0.9); } /* ========= Main Layout ========= */ #healthcompareai-landing .hcai-main { display: flex; flex-direction: column; gap: 24px; } @media (min-width: 900px) { #healthcompareai-landing .hcai-main { flex-direction: row; align-items: flex-start; } } /* ========= Form Card ========= */ #healthcompareai-landing .hcai-card { flex: 2; background: radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.08), transparent 60%), rgba(15, 23, 42, 0.97); border-radius: 22px; padding: 26px 20px 22px; box-shadow: 0 24px 55px rgba(15, 23, 42, 0.9), 0 0 0 1px rgba(148, 163, 184, 0.18); backdrop-filter: blur(20px); } @media (min-width: 900px) { #healthcompareai-landing .hcai-card { padding: 30px 24px 24px; } } #healthcompareai-landing .hcai-card-header { margin-bottom: 16px; } #healthcompareai-landing .hcai-eyebrow { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: #a5b4fc; margin-bottom: 6px; display: inline-flex; align-items: center; gap: 6px; } #healthcompareai-landing .hcai-eyebrow-dot { width: 6px; height: 6px; border-radius: 999px; background: #22c55e; box-shadow: 0 0 10px rgba(34, 197, 94, 0.9); } #healthcompareai-landing .hcai-title { font-size: 22px; font-weight: 600; line-height: 1.3; color: #f9fafb; margin-bottom: 4px; } #healthcompareai-landing .hcai-subtitle { font-size: 13px; color: #9ca3af; } /* ========= Progress ========= */ #healthcompareai-landing .hcai-progress { margin: 18px 0 16px; } #healthcompareai-landing .hcai-progress-bar-shell { position: relative; height: 6px; border-radius: 999px; background: rgba(31, 41, 55, 0.9); overflow: hidden; margin-bottom: 10px; } #healthcompareai-landing .hcai-progress-bar { position: absolute; inset: 0; width: 25%; background: linear-gradient(90deg, #22c55e, #4ade80, #a7f3d0); transition: width 220ms ease-out; } #healthcompareai-landing .hcai-progress-steps { display: flex; justify-content: space-between; gap: 8px; } #healthcompareai-landing .hcai-progress-step { flex: 1; text-align: center; font-size: 11px; color: #6b7280; } #healthcompareai-landing .hcai-progress-step span { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 999px; border: 1px solid rgba(156, 163, 175, 0.6); margin-bottom: 4px; font-size: 11px; } #healthcompareai-landing .hcai-progress-step small { display: block; } #healthcompareai-landing .hcai-progress-step.is-active span { border-color: #a5b4fc; background: rgba(79, 70, 229, 0.2); color: #e5e7eb; } #healthcompareai-landing .hcai-progress-step.is-complete span { border-color: #22c55e; background: rgba(34, 197, 94, 0.22); color: #bbf7d0; } /* ========= Form Fields ========= */ #healthcompareai-landing .hcai-step { display: none; animation: hcai-fade-in 200ms ease-out; } #healthcompareai-landing .hcai-step.is-active { display: block; } #healthcompareai-landing .hcai-step-title { font-size: 16px; font-weight: 600; margin-bottom: 4px; color: #e5e7eb; } #healthcompareai-landing .hcai-step-help { font-size: 12px; color: #9ca3af; margin-bottom: 14px; } #healthcompareai-landing .hcai-fields { display: grid; grid-template-columns: 1fr; gap: 12px; } @media (min-width: 640px) { #healthcompareai-landing .hcai-fields--two-col { grid-template-columns: repeat(2, minmax(0, 1fr)); } } #healthcompareai-landing .hcai-field { display: flex; flex-direction: column; gap: 4px; } #healthcompareai-landing .hcai-label-row { display: flex; justify-content: space-between; font-size: 13px; } #healthcompareai-landing .hcai-label { font-weight: 500; } #healthcompareai-landing .hcai-label-hint { font-size: 11px; color: #6b7280; } #healthcompareai-landing .hcai-input, #healthcompareai-landing .hcai-select { width: 100%; padding: 9px 10px; border-radius: 10px; border: 1px solid rgba(55, 65, 81, 0.9); background: rgba(15, 23, 42, 0.95); color: #e5e7eb; font-size: 13px; outline: none; transition: border-color 150ms ease-out, box-shadow 150ms ease-out, background 150ms ease-out, transform 150ms ease-out; } #healthcompareai-landing .hcai-input::placeholder { color: #6b7280; } #healthcompareai-landing .hcai-input:focus, #healthcompareai-landing .hcai-select:focus, #healthcompareai-landing textarea.hcai-input:focus { border-color: #818cf8; box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.7); background: rgba(15, 23, 42, 1); transform: translateY(-0.5px); } #healthcompareai-landing .hcai-input-error, #healthcompareai-landing .hcai-step-error .hcai-input { border-color: #f97373 !important; box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.7); } #healthcompareai-landing textarea.hcai-input { resize: vertical; min-height: 80px; } #healthcompareai-landing .hcai-radio-group { display: flex; flex-wrap: wrap; gap: 8px; } #healthcompareai-landing .hcai-radio-pill { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; background: rgba(15, 23, 42, 0.9); border: 1px solid rgba(55, 65, 81, 0.9); font-size: 12px; cursor: pointer; transition: border-color 150ms ease-out, background 150ms ease-out, box-shadow 150ms ease-out, transform 120ms ease-out; } #healthcompareai-landing .hcai-radio-pill:hover { transform: translateY(-0.5px); } #healthcompareai-landing .hcai-radio-pill input { accent-color: #4ade80; } #healthcompareai-landing .hcai-radio-pill input:checked + span, #healthcompareai-landing .hcai-radio-pill input:checked ~ span { color: #e5e7eb; } #healthcompareai-landing .hcai-radio-pill input:checked ~ .hcai-radio-pill-label { font-weight: 500; } #healthcompareai-landing .hcai-radio-pill.is-checked { border-color: #4ade80; background: rgba(22, 163, 74, 0.16); box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.7); } #healthcompareai-landing .hcai-helper-text { font-size: 11px; color: #6b7280; } #healthcompareai-landing .hcai-checkbox-row { display: flex; align-items: flex-start; gap: 8px; font-size: 11px; color: #9ca3af; margin-top: 8px; } #healthcompareai-landing .hcai-checkbox-row input { margin-top: 2px; accent-color: #4ade80; } /* ========= Navigation Buttons ========= */ #healthcompareai-landing .hcai-nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 18px; flex-wrap: wrap; } #healthcompareai-landing .hcai-nav-main { display: flex; gap: 10px; margin-left: auto; } #healthcompareai-landing .hcai-btn { border-radius: 999px; padding: 9px 18px; font-size: 13px; font-weight: 500; border: 1px solid transparent; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(90deg, #22c55e, #4ade80); color: #052e16; box-shadow: 0 12px 25px rgba(22, 163, 74, 0.35); transition: transform 120ms ease-out, box-shadow 120ms ease-out, opacity 120ms ease-out, background 160ms ease-out; white-space: nowrap; } #healthcompareai-landing .hcai-btn:hover { transform: translateY(-1px); box-shadow: 0 16px 35px rgba(22, 163, 74, 0.45); opacity: 0.97; } #healthcompareai-landing .hcai-btn:active { transform: translateY(0); box-shadow: 0 6px 18px rgba(22, 163, 74, 0.32); } #healthcompareai-landing .hcai-btn-secondary { background: transparent; color: #e5e7eb; border-color: rgba(148, 163, 184, 0.7); box-shadow: none; } #healthcompareai-landing .hcai-btn-secondary:hover { border-color: #e5e7eb; background: rgba(15, 23, 42, 0.9); } #healthcompareai-landing .hcai-btn[disabled] { opacity: 0.6; cursor: default; box-shadow: none; transform: none; } #healthcompareai-landing .hcai-nav-hint { font-size: 11px; color: #6b7280; margin-top: 4px; text-align: right; width: 100%; } /* ========= Sidebar / Trust ========= */ #healthcompareai-landing .hcai-sidebar { flex: 1.2; display: flex; flex-direction: column; gap: 14px; } #healthcompareai-landing .hcai-sidebar-card { background: rgba(15, 23, 42, 0.94); border-radius: 18px; padding: 16px 15px; border: 1px solid rgba(31, 41, 55, 0.9); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.9); font-size: 12px; color: #9ca3af; position: relative; overflow: hidden; } #healthcompareai-landing .hcai-sidebar-card::before { content: ""; position: absolute; inset: -40%; background: radial-gradient(circle at 0 0, rgba(129, 140, 248, 0.16), transparent 50%); opacity: 0.7; pointer-events: none; } #healthcompareai-landing .hcai-sidebar-card strong { color: #e5e7eb; position: relative; z-index: 1; } #healthcompareai-landing .hcai-sidebar-card p, #healthcompareai-landing .hcai-sidebar-card ul, #healthcompareai-landing .hcai-sidebar-card li { position: relative; z-index: 1; } #healthcompareai-landing .hcai-stat-row { display: flex; gap: 16px; margin-top: 10px; flex-wrap: wrap; } #healthcompareai-landing .hcai-stat { flex: 1; min-width: 110px; } #healthcompareai-landing .hcai-stat span { display: block; font-size: 18px; font-weight: 600; color: #a5b4fc; } #healthcompareai-landing .hcai-stat small { font-size: 11px; color: #6b7280; } #healthcompareai-landing .hcai-bullets { list-style: none; padding-left: 0; margin: 8px 0 0; } #healthcompareai-landing .hcai-bullets li { display: flex; gap: 6px; margin-bottom: 6px; font-size: 12px; } #healthcompareai-landing .hcai-bullets li::before { content: "✓"; color: #22c55e; font-size: 13px; margin-top: 1px; } /* ========= Footer ========= */ #healthcompareai-landing .hcai-footer { margin-top: 22px; font-size: 11px; color: #6b7280; text-align: center; line-height: 1.5; } #healthcompareai-landing .hcai-footer a { color: #a5b4fc; } /* ========= Thank-you State ========= */ #healthcompareai-landing .hcai-thankyou { text-align: center; padding: 24px 8px; display: none; } #healthcompareai-landing .hcai-thankyou.is-visible { display: block; } #healthcompareai-landing .hcai-thankyou h3 { font-size: 18px; margin-bottom: 8px; color: #f9fafb; } #healthcompareai-landing .hcai-thankyou p { font-size: 13px; color: #9ca3af; } /* ========= Animations ========= */ @keyframes hcai-orb-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes hcai-fade-in { 0% { opacity: 0; transform: translateY(4px); } 100% { opacity: 1; transform: translateY(0); } } /* ========= Mobile Tweaks ========= */ @media (max-width: 768px) { #healthcompareai-landing { padding: 24px 12px 36px; } #healthcompareai-landing .hcai-header { flex-direction: column; align-items: flex-start; gap: 8px; } #healthcompareai-landing .hcai-header-note { text-align: left; font-size: 11px; } #healthcompareai-landing .hcai-card { padding: 20px 16px 20px; } #healthcompareai-landing .hcai-title { font-size: 18px; } #healthcompareai-landing .hcai-main { gap: 18px; } #healthcompareai-landing .hcai-sidebar { gap: 10px; } #healthcompareai-landing .hcai-nav { flex-direction: column; align-items: stretch; } #healthcompareai-landing .hcai-nav-main { width: 100%; justify-content: space-between; margin-left: 0; } #healthcompareai-landing .hcai-btn, #healthcompareai-landing .hcai-btn-secondary { justify-content: center; flex: 1; } #healthcompareai-landing .hcai-nav-hint { text-align: left; } #healthcompareai-landing .hcai-top-chips { margin-bottom: 18px; } } @media (max-width: 480px) { #healthcompareai-landing .hcai-title { font-size: 17px; } #healthcompareai-landing .hcai-subtitle { font-size: 12px; } }
HealthCompareAI Smart health plan matching
Secure, no-obligation quote check.
Takes about 60–90 seconds.
Licensed specialists in all 50 states
No impact to credit score
Built for busy professionals & business owners
AI-driven plan finder

See top health plans curated for high-performers.

Answer a few questions and our matching engine will surface plans that balance coverage, flexibility, and long-term cost for your lifestyle.

1 Basics
2 Profile
3 Coverage
4 Contact
Let’s start with where you live.
Plans and pricing vary by ZIP code. We’ll use this to find accurate options in your area.
Estimate is fine
Tell us who we’re matching plans for.
The more accurate this is, the better we can optimize for your health profile and budget.
Overall health Self-reported
This doesn’t affect your credit and is only used to match you to more appropriate coverage designs.
Income range (optional) Helps filter high-tier options
How do you like to structure your coverage?
Choose what matters most: lower taxes, predictable costs, or access to elite care.
Primary priority
Coverage type
E.g. concierge care, out-of-state kids, specific clinics
Where should we send your curated plan options?
A licensed specialist may reach out to confirm details and walk you through the smartest options for your situation.
Best direct line
Most people finish in under 60–90 seconds.

Thanks — your info has been received.

Our matching engine is processing your answers. A licensed specialist may follow up shortly to walk you through tailored options designed for your coverage preferences and lifestyle.