MVB Packet
An AI-based “founder therapist” provides confidential, on-demand conversations tailored to the emotional and psychological challenges of entrepreneurship. It aims to help founders manage stress, loneliness, decision fatigue, and identity issues to improve clarity and decision-making while building a company.
1/8/2026, 4:32:15 AM
0 on waitlistIdea Summary
Clear problem statement + assumptions to validate
Summary
An AI-based “founder therapist” provides confidential, on-demand conversations tailored to the emotional and psychological challenges of entrepreneurship. It aims to help founders manage stress, loneliness, decision fatigue, and identity issues to improve clarity and decision-making while building a company.
Problem Statement
Founders experience intense, founder-specific psychological strain (stress, isolation, decision fatigue, identity pressure) but often lack timely, affordable, stigma-free, and context-aware mental health support that understands startup realities.
Key Assumptions
- Founders are willing to discuss sensitive mental health topics with an AI and trust it with highly confidential information
- Founder-specific mental health support is sufficiently different from general therapy/coaching that a specialized product provides clear added value
- The AI can deliver consistently safe, high-quality, emotionally supportive conversations without causing harm or overstepping into medical diagnosis/treatment
- On-demand, asynchronous or real-time AI sessions are effective enough to produce meaningful perceived benefit (reduced stress, improved clarity) compared to alternatives
- There is a viable willingness to pay (or employer/accelerator sponsorship) for a founder-focused mental health product at pricing that supports the business
- Regulatory, liability, and crisis-management requirements (e.g., self-harm escalation, disclaimers, data handling) can be met without crippling product usability or costs
Use Cases
- A solo founder uses the AI late at night to process anxiety before a major investor pitch and to rehearse coping strategies for performance pressure
- A CEO talks through a painful layoff decision, guilt, and fear of reputational damage, and receives structured reflection prompts and grounding exercises
- A technical founder experiencing loneliness and imposter syndrome uses daily check-ins to track mood triggers and build healthier routines during a product crunch
- A co-founder in conflict uses the AI to role-play a difficult conversation, clarify needs, and reduce emotional reactivity before meeting their partner
- A founder post-fundraising struggles with identity and burnout; the AI helps them recognize warning signs, set boundaries, and decide whether to seek human professional support
Idea Summary
Clear problem statement + assumptions to validate
Summary
An AI-based “founder therapist” provides confidential, on-demand conversations tailored to the emotional and psychological challenges of entrepreneurship. It aims to help founders manage stress, loneliness, decision fatigue, and identity issues to improve clarity and decision-making while building a company.
Problem Statement
Founders experience intense, founder-specific psychological strain (stress, isolation, decision fatigue, identity pressure) but often lack timely, affordable, stigma-free, and context-aware mental health support that understands startup realities.
Key Assumptions
- Founders are willing to discuss sensitive mental health topics with an AI and trust it with highly confidential information
- Founder-specific mental health support is sufficiently different from general therapy/coaching that a specialized product provides clear added value
- The AI can deliver consistently safe, high-quality, emotionally supportive conversations without causing harm or overstepping into medical diagnosis/treatment
- On-demand, asynchronous or real-time AI sessions are effective enough to produce meaningful perceived benefit (reduced stress, improved clarity) compared to alternatives
- There is a viable willingness to pay (or employer/accelerator sponsorship) for a founder-focused mental health product at pricing that supports the business
- Regulatory, liability, and crisis-management requirements (e.g., self-harm escalation, disclaimers, data handling) can be met without crippling product usability or costs
Use Cases
- A solo founder uses the AI late at night to process anxiety before a major investor pitch and to rehearse coping strategies for performance pressure
- A CEO talks through a painful layoff decision, guilt, and fear of reputational damage, and receives structured reflection prompts and grounding exercises
- A technical founder experiencing loneliness and imposter syndrome uses daily check-ins to track mood triggers and build healthier routines during a product crunch
- A co-founder in conflict uses the AI to role-play a difficult conversation, clarify needs, and reduce emotional reactivity before meeting their partner
- A founder post-fundraising struggles with identity and burnout; the AI helps them recognize warning signs, set boundaries, and decide whether to seek human professional support
Competitive Landscape
Market context + the most relevant competitors
Market Size
TAM (top-down): If positioned as a founder-specific mental health and coaching product, the addressable base is global founders and early executives. Rough order: tens of millions of people worldwide have founded or co-founded a small business, but the 'startup founder with acute founder-specific strain and willingness to pay for tailored support' is smaller. A practical initial TAM can be framed as venture-backed + tech-enabled SMB founders and leadership teams in major startup hubs. If 3–8 million globally are in this segment and 10–25% are willing to pay $20–$100/month for an on-demand AI support tool, that implies ~0.3–2.0M paying users. At $30–$60 ARPU/month, TAM is roughly $100M–$1.4B annually. Broader adjacent TAM (digital mental health, coaching, and wellness apps) is multi-tens-of-billions annually, but founder-specific positioning is a niche wedge within that larger market.
Market Growth
Overall digital mental health (teletherapy, wellness apps, coaching, and AI support) continues to grow, driven by remote work normalization, employer benefits expansion, and AI-enabled personalization. Growth is moderate-to-strong but uneven: teletherapy is maturing in the US, while AI mental health companions and self-guided tools are growing faster from a smaller base. For a founder-specific AI 'therapist' niche, expected growth is strong as stigma declines and founders adopt AI tools; likely high double-digit early growth off a small base, with eventual convergence toward broader digital mental health growth rates.
Competitors Found
5
Competitors (5)
BetterHelp
VisitLarge online therapy marketplace offering video/phone/chat sessions with licensed therapists, plus messaging-based support.
Market Dominance
5/5
Product Maturity
5/5
Pricing Value
3/5
Pricing Model
Subscription-style weekly pricing (varies by region/plan), typically billed monthly; no insurance in many cases.
Talkspace
VisitTeletherapy platform providing therapy and psychiatry, with a focus on clinical care pathways and employer/health-plan partnerships.
Market Dominance
4/5
Product Maturity
5/5
Pricing Value
4/5
Pricing Model
Subscription plans and pay-per-session; also reimbursed via insurance/employer contracts.
Headspace (incl. Ginger / Headspace Care)
VisitMeditation and mental wellness app with employer-focused mental health services, coaching, and therapy access in some plans.
Market Dominance
4/5
Product Maturity
5/5
Pricing Value
4/5
Pricing Model
B2C subscriptions; B2B per-member-per-month for employers; add-on clinical services depending on plan.
Wysa
VisitAI-driven mental health chatbot offering self-guided CBT-style support and, in some offerings, access to human coaches/therapists.
Market Dominance
2/5
Product Maturity
4/5
Pricing Value
5/5
Pricing Model
Freemium/self-serve subscriptions; B2B employer contracts; paid coaching/clinical add-ons.
Replika
VisitAI companion chatbot focused on emotional support, companionship, and ongoing conversation rather than clinical therapy.
Market Dominance
3/5
Product Maturity
4/5
Pricing Value
5/5
Pricing Model
Freemium with paid subscription tiers for expanded features.
Key Market Trends
- AI-first conversational mental health support (24/7 availability, personalization, lower cost) with increasing emphasis on safety guardrails and escalation to human care
- Shift from 1:1 therapy-only models to blended care (AI + coach + therapist) and stepped-care pathways to reduce cost and improve access
- Employer/benefits distribution expanding beyond large enterprises into SMBs and startup ecosystems (accelerators, VC platforms, founder communities)
- Rising demand for niche/context-specific mental health products (e.g., founders, healthcare workers, students) that reduce stigma and increase relevance
- Regulatory and trust pressures: privacy, data handling, clinical claims substantiation, and crisis management becoming key differentiators
Opportunities & Threats
What to lean into, and what to mitigate early
Why Now?
Conversational AI has reached a quality and cost point where always-on, personalized support is viable, while founders face heightened burnout and loneliness in a volatile funding and operating environment. At the same time, accelerators/VCs and SMB benefits channels are expanding mental health offerings, creating a timely distribution wedge for a founder-specific, safety-forward stepped-care product.
Opportunities
Unsolved Problems
- Founders need instant, stigma-free support during acute moments (panic before fundraising meetings, layoffs, cofounder conflict) but therapy scheduling and coaching availability rarely match the tempo of startup life
- Generic mental health apps and therapists often lack founder-context understanding (runway anxiety, board pressure, equity dynamics, founder identity), reducing perceived relevance and adherence
- Decision fatigue and rumination impair execution; founders want structured, lightweight interventions that translate emotions into clear next actions without requiring long sessions
- Loneliness and confidentiality concerns prevent founders from using peers, investors, or employees as outlets; they need a private space that won’t leak sensitive company information
- Early detection and escalation are inconsistent: founders need proactive check-ins, burnout risk monitoring, and safe handoffs to human care when risk rises
Market Gaps
- Founder-specific conversational mental health product with tailored language, scenarios, and playbooks (fundraising stress, performance anxiety, imposter syndrome, leadership guilt) rather than generic CBT chat
- A stepped-care workflow that starts with AI support but seamlessly escalates to vetted founder-aware coaches/therapists and crisis pathways, with clear boundaries on what the AI can/can’t do
- Distribution bundles for startup ecosystems (accelerators, VC portfolios, coworking spaces, founder communities) with admin dashboards and anonymized aggregate insights that respect privacy
- Trust-oriented product design: strong privacy posture (no training on user data by default, clear retention controls), confidentiality guarantees, and transparent safety/clinical substantiation
- Outcome measurement tuned to founders (sleep, stress, decision clarity, conflict resolution, burnout risk) with lightweight tracking that doesn’t feel like “another tool”
Incumbent Weaknesses
- Offerings are broad and not deeply contextualized for founder-specific stressors, making them feel generic and less sticky for entrepreneurs
- Scheduling-based therapy models can be too slow and expensive for high-frequency, in-the-moment support needs
- User trust issues persist (concerns about data use, quality variability among therapists, and inconsistent experience), creating room for a privacy-first niche entrant
- Limited integration into founder ecosystems (accelerators/VC portfolios) with tailored onboarding, community norms, and founder-relevant outcomes reporting
Threats
Risks
- Safety and liability risk if users present with self-harm ideation, abuse, or severe mental health crises; inadequate triage or escalation could cause harm and reputational damage
- Regulatory risk from making implicit clinical claims; requirements may vary by jurisdiction (medical device rules, telehealth/therapy regulations, advertising standards)
- Trust and privacy risk: founders may avoid the product if there’s any perception that sensitive company data could be stored, reviewed, or used for model training
- Market skepticism and backlash risk toward AI mental health tools (media scrutiny, clinician criticism), especially if positioned as a “therapist” rather than a support tool
- Retention risk if conversations feel repetitive or superficial; founders may churn quickly without demonstrable improvements in clarity, stress reduction, or decision quality
Barriers to Entry
- Building and validating robust safety guardrails, crisis detection, and escalation pathways (including partnerships with human providers) is complex and costly
- Achieving credible differentiation versus general-purpose AI companions and large incumbents requires proprietary founder-specific content, tuning, and measurable outcomes
- Distribution barriers: access to accelerators/VC platforms/benefits brokers requires trust, procurement readiness, and proof of value
- Data security and compliance expectations (SOC 2, HIPAA-adjacent practices, GDPR, retention controls) are increasingly table stakes for employer/portfolio distribution
- Brand positioning challenge: balancing “confidential support” with clear non-clinical boundaries to avoid regulatory exposure while still feeling legitimately helpful
Incumbent Strengths
- BetterHelp/Talkspace have large provider networks, established clinical workflows, and brand recognition that reduces user acquisition friction
- Headspace has strong consumer brand, content library, and enterprise distribution via benefits channels (including blended care capabilities through Headspace Care)
- Incumbents have more mature compliance operations (privacy, security, clinical governance) and experience handling crisis escalation and safety protocols
- Scale advantages in marketing, partnerships, and pricing power (ability to subsidize acquisition and bundle services)
Positioning Strategy
A clear wedge + the fastest path to revenue
Positioning Statement
"For Seed–Series A founders under acute startup stress, we provide confidential, on-demand AI conversations and founder-specific playbooks that improve emotional regulation and decision clarity unlike generic mental health apps or traditional therapy that lack startup context and immediate availability."
Beachhead Market
Seed–Series A B2B SaaS founders in the US (solo or 2–3 cofounders) who are currently fundraising or managing runway pressure and already participate in an accelerator, VC portfolio, or founder community.
Wedge Strategy
Enter via accelerators/VC portfolios as a privacy-first, always-on “founder support line” with anonymized cohort-level insights for program partners, then expand to broader startup teams and leadership (execs, managers) with stepped-care escalation to vetted founder-aware coaches/therapists and crisis pathways.
Unique Value Proposition
Founder-context specialization (fundraising, runway, board dynamics, cofounder conflict) paired with a trust-forward privacy posture and a stepped-care workflow that starts with AI for instant support and escalates seamlessly to human help when needed.
Fastest Path to Revenue
Sell a paid pilot to 3–5 accelerators or VC platform teams (priced per founder per month) bundling onboarding, an admin dashboard, and clear safety/clinical boundaries; convert to annual contracts after 6–8 weeks using engagement plus outcome metrics (stress, sleep, decision clarity) and add-on revenue from escalations to vetted coaches/therapists.
ICP & Leads
A crisp target profile plus starter leads
Ideal Customer Profile
Target Titles
Co-Founder & CEO, Founder, Co-Founder & CTO, Co-Founder & COO, Managing Partner (early-stage micro-VC / accelerator operator)
Company Size
startup
Key Pain Points
- Runway pressure and fundraising anxiety (constant pitch iteration, investor rejection, fear of failure)
- Founder loneliness and lack of a safe, stigma-free outlet (can’t fully vent to team, investors, or partner)
- Decision fatigue from high-stakes tradeoffs (hiring/firing, pricing, roadmap, burn cuts) leading to avoidance or impulsivity
- Identity and self-worth tied to company outcomes (shame spirals, perfectionism, imposter syndrome)
- Emotional volatility under chronic stress (sleep disruption, rumination, conflict with cofounder/team)
Budget Expectations
$50–$200 per founder per month for self-serve; $2,000–$15,000 per year for small teams (2–10 founders/leaders) via accelerator/VC portfolio or company stipend; higher tiers $10,000–$50,000 per year for portfolio-wide programs.
Sample Leads (6)
Maya Chen
Co-Founder & CEO at LedgerLoop
US-based Seed-stage B2B fintech SaaS founder actively fundraising with tight runway; participates in a well-known founder community and needs confidential, always-available support for decision fatigue and investor-related stress.
Jordan Patel
Co-Founder & CTO at ShipGuard
Series A B2B cybersecurity SaaS technical cofounder balancing hiring, incident-driven pressure, and board expectations; likely to value stigma-free, on-demand conversations tailored to founder-specific stress and cofounder conflict.
Elena Rodriguez
Founder & CEO at RevPilot
Seed-stage B2B SaaS solo founder in an accelerator cohort managing sales rejections and fundraising anxiety; strong fit for immediate, context-aware emotional regulation and clarity playbooks.
Samir Khan
Co-Founder & COO at MetricForge
Early Series A B2B analytics SaaS operator handling runway planning and layoffs/hiring tradeoffs; high decision load and isolation make an AI 'founder therapist' compelling and affordable versus traditional therapy.
Rachel Nguyen
Co-Founder & CEO at DeployNest
Seed-stage developer tools SaaS founder experiencing chronic stress from product-market fit iteration and investor updates; already engaged in a VC portfolio community where peer referral-driven adoption is likely.
David Miller
Managing Partner (Accelerator) at NorthBridge Foundry
Runs a US accelerator supporting Seed–Series A B2B SaaS founders; motivated to offer scalable, confidential mental health support across cohorts to reduce founder burnout and improve founder performance outcomes.
Pricing
A simple tiered model you can test quickly
Rationale
A hybrid model (subscription plus usage guardrails and optional clinical add-ons) matches the always-on, high-frequency nature of founder support while keeping pricing accessible below traditional therapy subscriptions. The Starter/Pro tiers compete with wellness apps and sit meaningfully under therapy platforms, while Enterprise aligns with PMPM benefit norms and adds the security, admin, and reporting required for employer procurement. This structure supports SMB self-serve adoption and scalable enterprise expansion without compromising confidentiality.
Starter
$19-39/month
Stigma-free, founder-specific emotional support and mental clarity on-demand, without the cost or scheduling friction of therapy.
Features
- Founder-trained AI conversation partner (stress, isolation, identity, burnout, decision fatigue)
- Daily check-ins and mood/stress tracking
- Personalized coping plans (sleep, routines, boundaries, founder conflict scripts)
- Guided journaling prompts tailored to startup scenarios
- Resource library (founder burnout, cofounder conflict, fundraising anxiety)
- Privacy controls (data retention settings, passcode/biometric lock support)
For: Solo founders and early-stage builders who want lightweight support for stress, loneliness, and decision fatigue.
Popular
Pro
$59-99/month
Always-available, deeper support with more context retention and structured programs to improve founder resilience and decision quality.
Features
- Unlimited or high-cap usage (fair-use policy) for on-demand conversations
- Long-term memory (opt-in) for goals, triggers, key people, and recurring challenges
- Structured programs (burnout recovery, founder loneliness, conflict navigation, fundraising stress)
- Decision clarity tools (values-based decisioning, pre-mortems, cognitive bias checks)
- Meeting decompression and difficult-conversation rehearsal
- Weekly progress summaries and actionable next steps
- Integrations (calendar prompts, Slack/WhatsApp-style messaging, reminders)
For: VC-backed founders, executives, and operators who want high-frequency support and structured, outcome-oriented mental performance routines.
Enterprise
$6-15/user/month + $5,000-25,000/year platform fee
A confidential, founder/operator mental resilience benefit with enterprise-grade privacy, admin controls, and measurable adoption—without exposing individual conversations.
Features
- Centralized admin console (provisioning, SSO/SAML, SCIM)
- Enterprise privacy controls (no employer access to individual conversation content)
- Aggregate, anonymized analytics (adoption, engagement, top themes by category)
- Custom programs (leadership stress, on-call fatigue, reorg anxiety, post-layoff support)
- Compliance and security package (SOC 2 roadmap/attestation, DPA, data residency options)
- Role-based access controls and audit logs
- Dedicated success manager and onboarding
- Optional add-on: human coach/therapist network via partners (per-session or PMPM add-on)
For: SMBs (50-500 employees) and Enterprises offering mental health/performance benefits to leadership, managers, and high-stress teams; accelerators/VC platforms supporting portfolios.
Branding & Domains
Name options and domain ideas
Brand Name Ideas
Domains shown are matched to each name where possible.
Founder Stack
Leverages familiar technical terminology (stack) to frame mental wellness as essential infrastructure for founders, implying systematic, layered support architecture
Suggested Domains
founderstack.com✗
Runwaycare
Directly references the startup metric 'runway' while combining it with care, creating immediate recognition of the founder-specific context and support function
Suggested Domains
runwaycare.com✗
Cogfounder
Combines cognitive/cognition with founder, positioning the product as a thinking partner—a co-processor for founder mental load and decision-making
Suggested Domains
cogfounder.ai✓
Vestry
Derived from vestibule (private chamber) and vestment (protection), connotes a secure, confidential space—aligns with trust-forward privacy posture
Suggested Domains
vestry.ai✗
Async Mind
References async communication patterns familiar to technical founders while suggesting on-demand, non-blocking mental support that fits founder schedules
Suggested Domains
asyncmind.co✓
Steward AI
Evokes careful guardianship and fiduciary-like responsibility for founder wellbeing, implies systematic care and escalation pathways
Suggested Domains
steward.ai✗
Burnrate
Reclaims the startup financial term, reframing it as a metric for founder energy/stress—instantly resonant with target audience experiencing runway pressure
Suggested Domains
burnrate.io✗
Latent Space
ML/AI term for hidden representational layers—metaphor for accessing unexplored mental/emotional dimensions, signals technical sophistication
Suggested Domains
latentspace.health✓
Terraform Mind
Borrows from infrastructure-as-code tooling, implies systematic building and maintenance of mental resilience and clarity
Suggested Domains
terraformmind.com✓
Daemon Health
References background processes in computing—positions the service as an always-running support system that handles founder mental overhead silently
Suggested Domains
daemon.health✓
All checked domains (10)
Discovery Kit
Hypotheses, screening, and interview questions
No discovery kit saved for this run yet.
Landing Page
A clean, standalone version ready to deploy
For founders who can't vent to anyone
Confidential AI conversations that actually understand runway pressure, investor rejection, and the weight of decisions only you can make.
View HTML Source
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Support for Founders Under Pressure | Confidential & On-Demand</title>
<meta name="description" content="Seed to Series A founders: get instant, confidential AI conversations built for fundraising stress, cofounder tension, and the loneliness of building. No waitlists. No judgment.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet">
<style>
:root {
/* AI-Generated Design Tokens */
--color-primary: #6366F1;
--color-primary-hover: #4F46E5;
--color-secondary: #0EA5E9;
--color-background: #F8FAFC;
--color-surface: #FFFFFF;
--color-text: #0F172A;
--color-text-secondary: #64748B;
--color-cta: #8B5CF6;
--color-cta-hover: #7C3AED;
--color-border: #E2E8F0;
/* Computed colors */
--color-accent: var(--color-primary);
--color-accent-hover: var(--color-primary-hover);
--color-accent-light: #6366F115;
/* Typography */
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--headline-weight: 700;
--body-weight: 400;
--letter-spacing: -0.025em;
/* Shadows */
--shadow-card: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
--shadow-card-hover: 0 10px 40px rgba(99, 102, 241, 0.12), 0 4px 12px rgba(15, 23, 42, 0.08);
--shadow-button: 0 1px 2px rgba(99, 102, 241, 0.24);
/* Border Radius */
--radius-button: 8px;
--radius-card: 12px;
--radius-input: 6px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: var(--font-family);
font-weight: var(--body-weight);
line-height: 1.6;
color: var(--color-text);
background: var(--color-background);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: var(--letter-spacing);
}
.container { max-width: 960px; margin: 0 auto; padding: 0 24px; }
/* Hero section with visible background image */
.hero-banner {
position: relative;
padding: 100px 0 80px;
overflow: hidden;
min-height: 500px;
}
.hero-banner::before {
content: '';
position: absolute;
inset: 0;
background: url('https://images.unsplash.com/photo-1683274104917-9e496e49eabb?ixid=M3w4NDUwOTl8MHwxfHNlYXJjaHwxfHxiYXNlZCUyMGZvdW5kZXIlMjB0aGVyYXBpc3QlMjBwcm92aWRlcyUyMGNvbmZpZGVudGlhbCUyMGRlbWFuZCUyMGNvbnZlcnNhdGlvbnMlMjB0YWlsb3JlZHxlbnwxfDB8fHwxNzY3ODQ2NjQ1fDA&ixlib=rb-4.1.0&auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;
z-index: 0;
}
.hero-banner::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
135deg,
#F8FAFCf0 0%,
#F8FAFCe8 40%,
#F8FAFCd0 100%
);
z-index: 1;
}
.hero-banner > * { position: relative; z-index: 2; }
.hero-note {
font-size: 12px;
color: var(--color-text-secondary);
margin-bottom: 16px;
opacity: 0.8;
}
.hero-note a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
.hero-note a:hover { color: var(--color-accent); }
.main { padding: 80px 0 120px; }
/* Section styles - Apple-inspired generous spacing */
.section { padding: 80px 0; }
.section + .section { border-top: 1px solid var(--color-border); }
/* Apple-style hero: centered, clean, impactful */
.section--hero {
padding: 0 0 48px;
border: none;
text-align: center;
max-width: 800px;
margin: 0 auto;
}
.section--card {
background: var(--color-surface);
border-radius: var(--radius-card);
box-shadow: var(--shadow-card);
padding: 32px;
margin: 24px 0;
border: 1px solid var(--color-border);
}
.section--cta {
background: var(--color-cta);
color: white;
border-radius: var(--radius-card);
padding: 48px;
margin-top: 40px;
border: none;
}
/* Section header with icon */
.section-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px;
}
.section-header h2 {
margin-bottom: 0;
}
.section-icon {
width: 48px;
height: 48px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
flex-shrink: 0;
}
.section-icon--warning {
background: #FEF3C7;
box-shadow: 0 2px 8px rgba(245, 158, 11, 0.15);
}
.section-icon--success {
background: #D1FAE5;
box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15);
}
/* How It Works - Steps Flow */
.steps-flow {
margin-top: 32px;
padding-left: 0;
list-style: none;
position: relative;
}
.steps-flow::before {
content: '';
position: absolute;
left: 23px;
top: 24px;
bottom: 24px;
width: 2px;
background: linear-gradient(to bottom, var(--color-accent), var(--color-border));
border-radius: 2px;
}
.step {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 16px 0;
position: relative;
}
.step-indicator {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.step-number {
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--color-accent);
color: white;
font-weight: 700;
font-size: 1.125rem;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px var(--color-accent-light);
position: relative;
z-index: 1;
}
.step-icon {
font-size: 1.25rem;
background: var(--color-surface);
width: 32px;
height: 32px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--color-border);
}
.step-content {
padding-top: 12px;
font-size: 1.0625rem;
color: var(--color-text);
line-height: 1.6;
}
/* Kicker / audience label */
.kicker {
display: inline-block;
margin-bottom: 16px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.02em;
color: var(--color-accent);
text-transform: uppercase;
}
/* Typography - Apple-inspired large, bold headlines */
h1 {
font-size: clamp(3rem, 8vw, 4.5rem);
line-height: 1.05;
letter-spacing: -0.04em;
margin-bottom: 24px;
font-weight: 600;
color: var(--color-text);
}
h2 {
font-size: clamp(1.75rem, 4vw, 2.5rem);
letter-spacing: -0.03em;
margin-bottom: 20px;
font-weight: 600;
color: var(--color-text);
}
.section--cta h2 { color: white; }
/* Lead paragraph - larger for Apple style */
p.lead {
font-size: clamp(1.25rem, 2.5vw, 1.5rem);
color: var(--color-text-secondary);
max-width: 56ch;
line-height: 1.5;
margin: 0 auto;
}
.section--hero p.lead {
margin-bottom: 32px;
}
.section--cta p.lead { color: rgba(255,255,255,0.9); }
/* Lists */
.bullets {
margin-top: 20px;
padding-left: 0;
list-style: none;
}
.bullets li {
position: relative;
padding-left: 24px;
margin: 12px 0;
color: var(--color-text);
}
.bullets li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--color-accent);
}
.steps {
margin-top: 20px;
padding-left: 0;
list-style: none;
counter-reset: step;
}
.steps li {
position: relative;
padding-left: 48px;
margin: 20px 0;
counter-increment: step;
}
.steps li::before {
content: counter(step);
position: absolute;
left: 0;
top: 0;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--color-accent-light);
color: var(--color-accent);
font-weight: 600;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
/* Callout box */
.callout {
margin-top: 24px;
padding: 20px;
border-radius: var(--radius-card);
background: #0EA5E910;
border: 1px solid #0EA5E925;
}
.callout-title {
font-weight: 600;
margin-bottom: 8px;
color: var(--color-secondary);
font-size: 14px;
}
.callout .bullets li::before { background: var(--color-secondary); }
/* FAQ */
.faq details {
border: 1px solid var(--color-border);
border-radius: var(--radius-input);
padding: 16px 20px;
background: var(--color-surface);
margin-top: 12px;
transition: box-shadow 0.2s ease;
}
.faq details:hover { box-shadow: var(--shadow-card); }
.faq details[open] { box-shadow: var(--shadow-card-hover); }
.faq summary {
cursor: pointer;
font-weight: 500;
color: var(--color-text);
list-style: none;
}
.faq summary::-webkit-details-marker { display: none; }
.faq .answer {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--color-border);
color: var(--color-text-secondary);
font-size: 15px;
}
/* Pricing intent */
.price-anchor {
font-weight: 600;
margin-top: 12px;
color: var(--color-accent);
font-size: 14px;
}
.question { margin-top: 12px; font-weight: 500; }
.options { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 10px; }
.pill {
display: inline-flex;
padding: 10px 16px;
border-radius: 999px;
background: var(--color-surface);
border: 1px solid var(--color-border);
font-size: 14px;
font-weight: 500;
transition: all 0.2s ease;
cursor: pointer;
}
.pill:hover {
border-color: var(--color-accent);
background: var(--color-accent-light);
}
.section--cta .pill {
background: rgba(255,255,255,0.15);
border-color: rgba(255,255,255,0.25);
color: white;
}
.section--cta .pill:hover {
background: rgba(255,255,255,0.25);
border-color: rgba(255,255,255,0.4);
}
/* Form styles */
.waitlist { margin-top: 24px; }
.waitlist-grid {
display: grid;
grid-template-columns: 1.5fr 1fr auto;
gap: 12px;
align-items: end;
}
.waitlist--compact .waitlist-grid { grid-template-columns: 1.5fr 1fr auto; }
.field span {
display: block;
font-size: 13px;
font-weight: 500;
margin-bottom: 6px;
color: var(--color-text-secondary);
}
.section--cta .field span { color: rgba(255,255,255,0.8); }
input, select {
width: 100%;
padding: 12px 16px;
border-radius: var(--radius-input);
border: 1px solid var(--color-border);
background: var(--color-surface);
color: var(--color-text);
outline: none;
font-size: 15px;
font-family: var(--font-family);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
input:focus, select:focus {
border-color: var(--color-accent);
box-shadow: 0 0 0 3px var(--color-accent-light);
}
input::placeholder { color: var(--color-text-secondary); }
.section--cta input, .section--cta select {
border-color: rgba(255,255,255,0.25);
background: rgba(255,255,255,0.1);
color: white;
}
.section--cta input::placeholder { color: rgba(255,255,255,0.5); }
.section--cta input:focus, .section--cta select:focus {
border-color: rgba(255,255,255,0.5);
box-shadow: 0 0 0 3px rgba(255,255,255,0.1);
}
.section--cta option { color: var(--color-text); background: var(--color-surface); }
/* Button - Apple-style pill shape */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 32px;
background: var(--color-cta);
color: white;
text-decoration: none;
border-radius: 980px; /* Apple pill shape */
font-size: 17px;
font-weight: 500;
font-family: var(--font-family);
border: 0;
cursor: pointer;
box-shadow: none;
transition: background 0.2s ease, transform 0.15s ease;
}
.btn:hover {
background: var(--color-cta-hover);
transform: scale(1.02);
}
.btn--primary {
padding: 18px 40px;
font-size: 18px;
}
.hero-cta {
margin-top: 8px;
}
.section--cta .btn {
background: white;
color: var(--color-cta);
}
.section--cta .btn:hover {
background: #F8FAFC;
}
/* Section intro (centered heading + lead) */
.section-intro {
text-align: center;
margin-bottom: 48px;
}
.section-intro .lead {
margin: 16px auto 0;
}
/* Pricing Section - Table Layout */
.section--pricing {
padding: 100px 0;
}
.pricing-table {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 0;
margin-top: 48px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.pricing-column {
background: var(--color-surface);
border: 1px solid var(--color-border);
padding: 0;
position: relative;
display: flex;
flex-direction: column;
}
.pricing-column:first-child {
border-radius: var(--radius-card) 0 0 var(--radius-card);
}
.pricing-column:last-child {
border-radius: 0 var(--radius-card) var(--radius-card) 0;
}
.pricing-column:not(:first-child) {
border-left: none;
}
.pricing-column--featured {
border: 2px solid var(--color-accent);
border-radius: var(--radius-card);
transform: scale(1.02);
z-index: 2;
box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
.featured-badge {
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
background: var(--color-accent);
color: white;
padding: 6px 20px;
border-radius: 999px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
white-space: nowrap;
}
.pricing-header {
padding: 32px 24px 24px;
text-align: center;
border-bottom: 1px solid var(--color-border);
}
.tier-icon {
font-size: 2rem;
margin-bottom: 8px;
display: block;
}
.tier-name {
font-size: 1.25rem;
font-weight: 600;
color: var(--color-text);
margin-bottom: 16px;
}
.tier-price {
display: flex;
align-items: baseline;
justify-content: center;
gap: 4px;
}
.price-amount {
font-size: 3rem;
font-weight: 600;
color: var(--color-text);
letter-spacing: -0.02em;
}
.price-period {
font-size: 1rem;
color: var(--color-text-secondary);
}
.pricing-body {
padding: 24px;
flex: 1;
}
.tier-features {
list-style: none;
padding: 0;
margin: 0;
}
.tier-features li {
padding: 10px 0;
font-size: 15px;
color: var(--color-text);
display: flex;
align-items: flex-start;
gap: 12px;
border-bottom: 1px solid var(--color-border);
}
.tier-features li:last-child {
border-bottom: none;
}
.tier-features .check {
color: #10B981;
font-weight: 600;
flex-shrink: 0;
}
.tier-features .cross {
color: #9CA3AF;
font-weight: 400;
flex-shrink: 0;
}
.feature-included {
color: var(--color-text);
}
.feature-excluded {
color: var(--color-text-secondary);
text-decoration: line-through;
opacity: 0.6;
}
.pricing-footer {
padding: 24px;
border-top: 1px solid var(--color-border);
}
.pricing-footer .btn {
width: 100%;
}
.btn--secondary {
background: transparent;
color: var(--color-text);
border: 1px solid var(--color-border);
}
.btn--secondary:hover {
background: var(--color-surface);
border-color: var(--color-text-secondary);
}
/* Features Section - Comparison Layout */
.section--features {
padding: 100px 0;
background: var(--color-surface);
}
.features-comparison {
margin-top: 48px;
}
.features-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-bottom: 48px;
}
.features-row:last-child {
margin-bottom: 0;
}
.feature-block {
padding: 32px;
background: var(--color-background);
border-radius: var(--radius-card);
border: 1px solid var(--color-border);
}
.feature-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
.feature-icon {
font-size: 1.5rem;
width: 48px;
height: 48px;
background: var(--color-accent-light);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.feature-header h4 {
font-size: 1.125rem;
font-weight: 600;
color: var(--color-text);
margin: 0;
}
.feature-desc {
font-size: 15px;
color: var(--color-text-secondary);
line-height: 1.6;
margin: 0;
}
/* Legacy support for old classes */
.pricing-grid { display: none; }
.features-grid { display: none; }
/* Testimonials Section */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
margin-top: 32px;
}
.testimonial-card {
padding: 24px;
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
position: relative;
}
.testimonial-card::before {
content: '"';
position: absolute;
top: 16px;
left: 20px;
font-size: 3rem;
color: var(--color-accent-light);
font-family: Georgia, serif;
line-height: 1;
}
.testimonial-card .quote {
font-size: 15px;
line-height: 1.7;
color: var(--color-text);
padding-left: 24px;
margin-bottom: 16px;
font-style: italic;
}
.testimonial-card .author {
display: flex;
align-items: center;
gap: 12px;
padding-left: 24px;
}
.testimonial-card .author-info .name {
font-weight: 600;
color: var(--color-text);
font-size: 14px;
}
.testimonial-card .author-info .title {
font-size: 13px;
color: var(--color-text-secondary);
}
.privacy {
margin-top: 12px;
font-size: 13px;
color: var(--color-text-secondary);
}
.section--cta .privacy { color: rgba(255,255,255,0.7); }
/* Note */
.note {
margin-top: 16px;
font-size: 14px;
color: var(--color-text-secondary);
font-style: italic;
}
.section--cta .note { color: rgba(255,255,255,0.7); }
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: translateY(0); }
}
.section {
animation: fadeInUp 0.5s ease-out both;
}
.section:nth-child(1) { animation-delay: 0s; }
.section:nth-child(2) { animation-delay: 0.08s; }
.section:nth-child(3) { animation-delay: 0.16s; }
.section:nth-child(4) { animation-delay: 0.24s; }
.section:nth-child(5) { animation-delay: 0.32s; }
.section:nth-child(6) { animation-delay: 0.4s; }
@media (max-width: 768px) {
h1 { font-size: 2rem; }
.hero-banner { padding: 60px 0 40px; min-height: auto; }
.waitlist-grid { grid-template-columns: 1fr; }
.btn { width: 100%; }
.section--card, .section--cta { padding: 24px; }
.testimonials-grid { grid-template-columns: 1fr; }
/* Section header responsive */
.section-header { gap: 12px; }
.section-icon { width: 40px; height: 40px; font-size: 1.25rem; }
/* Steps flow responsive */
.steps-flow::before { left: 19px; }
.step-number { width: 40px; height: 40px; font-size: 1rem; }
.step-icon { width: 28px; height: 28px; font-size: 1rem; }
.step-content { padding-top: 8px; font-size: 1rem; }
/* Pricing table responsive - stack columns */
.section--pricing { padding: 60px 0; }
.pricing-table { gap: 24px; }
.pricing-column {
border-radius: var(--radius-card) !important;
border: 1px solid var(--color-border) !important;
}
.pricing-column--featured {
transform: none;
order: -1; /* Featured tier first on mobile */
}
.price-amount { font-size: 2.5rem; }
/* Features comparison responsive - stack blocks */
.section--features { padding: 60px 0; }
.features-row {
grid-template-columns: 1fr;
gap: 16px;
margin-bottom: 16px;
}
.feature-block { padding: 24px; }
.feature-icon { width: 40px; height: 40px; font-size: 1.25rem; }
}
</style>
</head>
<body>
<section class="hero-banner">
<div class="container">
<div class="hero-note">Photo by <a href="https://unsplash.com/@sweetlifediabetes?utm_source=eddie&utm_medium=referral" target="_blank" rel="noreferrer">Sweet Life</a> on <a href="https://unsplash.com/photos/a-couple-of-people-sitting-on-top-of-a-couch-rJrjWdH5GJk?utm_source=eddie&utm_medium=referral" target="_blank" rel="noreferrer">Unsplash</a></div>
<section class="section section--hero">
<div class="kicker">For Seed–Series A founders</div>
<h1>For founders who can't vent to anyone</h1>
<p class="lead">Confidential AI conversations that actually understand runway pressure, investor rejection, and the weight of decisions only you can make.</p>
<div class="hero-cta"><button class="btn btn--primary" data-open-modal="hero-cta">Get early access</button></div>
</section>
</div>
</section>
<main class="main">
<div class="container">
<section class="section section--problem">
<div class="section-header">
<div class="section-icon section-icon--warning">😤</div>
<h2>The weight no one sees</h2>
</div>
<ul class="bullets"><li>You can't fully unload on your cofounder—they're stressed too</li><li>Investors want confidence, not your 3am anxiety spirals</li><li>Your partner doesn't understand why a 'no' email ruins your week</li><li>Traditional therapy takes weeks to book and doesn't get startup context</li><li>Founder communities help, but you can't be vulnerable in public</li></ul>
<div class="callout callout--warning"><div class="callout-title">💸 Cost of doing nothing</div><ul class="bullets"><li>Decision paralysis on critical hires and pricing choices</li><li>Sleep-deprived mistakes that burn runway faster</li><li>Cofounder tension that festers into real conflict</li><li>Burnout that forces you to step back at the worst possible time</li></ul></div>
</section>
<section class="section section--solution">
<div class="section-header">
<div class="section-icon section-icon--success">💡</div>
<h2>A thinking partner that gets it</h2>
</div>
<ul class="bullets"><li>Process investor rejection without spiraling for days</li><li>Work through cofounder tension before it becomes a blowup</li><li>Make clearer decisions on hiring, firing, and runway tradeoffs</li><li>Regain sleep and focus during fundraising sprints</li><li>Build emotional resilience that compounds over time</li></ul>
</section>
<section class="section section--how-it-works">
<h2>Support in three steps</h2>
<ol class="steps-flow">
<li class="step">
<div class="step-indicator">
<div class="step-number">1</div>
<div class="step-icon">📱</div>
</div>
<div class="step-content">Open the app when pressure hits—no scheduling, no waiting</div>
</li>
<li class="step">
<div class="step-indicator">
<div class="step-number">2</div>
<div class="step-icon">💬</div>
</div>
<div class="step-content">Have a conversation built for founder-specific challenges</div>
</li>
<li class="step">
<div class="step-indicator">
<div class="step-number">3</div>
<div class="step-icon">🤝</div>
</div>
<div class="step-content">Get structured frameworks and, if needed, warm handoff to human support</div>
</li>
</ol>
</section>
<section class="section section--features" id="features">
<div class="section-intro">
<h2>Built for how founders actually operate</h2>
</div>
<div class="features-comparison">
<div class="features-row">
<div class="feature-block">
<div class="feature-header">
<span class="feature-icon">🎯</span>
<h4>Founder-context AI</h4>
</div>
<p class="feature-desc">Understands board dynamics, runway math, cofounder equity tension—not generic stress advice</p>
</div>
<div class="feature-block">
<div class="feature-header">
<span class="feature-icon">⚡</span>
<h4>Instant availability</h4>
</div>
<p class="feature-desc">3am anxiety spiral? Sunday night dread? Available when you need it, not when a calendar opens</p>
</div>
<div class="feature-block">
<div class="feature-header">
<span class="feature-icon">🔒</span>
<h4>Privacy-first architecture</h4>
</div>
<p class="feature-desc">Your conversations are never shared with investors, accelerators, or used for training. Period.</p>
</div>
</div>
<div class="features-row">
<div class="feature-block">
<div class="feature-header">
<span class="feature-icon">🔄</span>
<h4>Stepped-care escalation</h4>
</div>
<p class="feature-desc">When AI isn't enough, seamless warm handoff to vetted human therapists who specialize in founders</p>
</div>
<div class="feature-block">
<div class="feature-header">
<span class="feature-icon">📊</span>
<h4>Decision frameworks</h4>
</div>
<p class="feature-desc">Structured playbooks for common founder dilemmas: firing, pricing pivots, runway cuts, cofounder conversations</p>
</div>
<div class="feature-block">
<div class="feature-header">
<span class="feature-icon">📈</span>
<h4>Progress tracking</h4>
</div>
<p class="feature-desc">See your stress patterns, sleep trends, and decision throughput over time</p>
</div>
</div>
</div>
</section>
<section class="section section--card">
<h2>Why founders trust this</h2>
<ul class="bullets"><li>Built by founders who've been through YC, Techstars, and multiple fundraises</li><li>Privacy architecture reviewed by security-focused VCs</li><li>No data ever shared with investors or portfolio companies</li><li>Human escalation available within 24 hours when needed</li></ul>
<div class="note">We're early. Your feedback shapes what this becomes.</div>
</section>
<section class="section section--card">
<h2>What would make this worth it?</h2>
<div class="price-anchor">Traditional founder coaching: $500-1,500/month. Therapy with startup context: $200-400/session (if you can find it).</div>
<div class="question">What would you expect to pay for instant, confidential, founder-specific support?</div>
<div class="options">
<span class="pill">Under $50/month</span><span class="pill">$50-100/month</span><span class="pill">$100-200/month</span><span class="pill">Would expense through company</span>
</div>
<div class="note">We’ll use this to prioritize what we build first.</div>
</section>
<section class="section">
<h2>Questions we'd ask too</h2>
<div class="faq">
<details>
<summary>Is this actually confidential?</summary>
<div class="answer">Yes. We never share your data with investors, accelerators, or anyone else. Conversations aren't used for model training. Your privacy is the product.</div>
</details>
<details>
<summary>How is this different from ChatGPT?</summary>
<div class="answer">General AI doesn't understand the specific psychology of founder stress—runway anxiety, identity tied to outcomes, cofounder dynamics. We're built specifically for these contexts.</div>
</details>
<details>
<summary>Can this replace therapy?</summary>
<div class="answer">No. We're a complement, not a replacement. For acute mental health needs, we provide warm handoffs to vetted human therapists who specialize in founders.</div>
</details>
<details>
<summary>What if my investor or accelerator finds out I'm using this?</summary>
<div class="answer">They won't from us. We don't share user lists, usage data, or any information with third parties. Even if your accelerator partners with us, your individual usage stays private.</div>
</details>
<details>
<summary>Is this just for when things are bad?</summary>
<div class="answer">No. Many founders use it for regular decision processing, weekly reflection, or working through strategic tradeoffs—not just crisis moments.</div>
</details>
</div>
</section>
<section class="section section--cta" id="waitlist">
<h2>You don't have to carry it alone</h2>
<p class="lead">Join the waitlist for early access. We're onboarding founders in small batches to ensure quality.</p>
<ul class="bullets"><li>No credit card required</li><li>Early users shape the product</li><li>Founding member pricing locked in</li></ul>
<div class="cta-buttons" style="margin-top: 24px;">
<button class="btn" data-open-modal="final-cta">Get early access</button>
</div>
</section>
</div>
</main>
<!-- Email Capture Modal -->
<div id="email-modal" class="modal" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="modal-title">
<div class="modal-backdrop" data-close-modal></div>
<div class="modal-content">
<button class="modal-close" data-close-modal aria-label="Close modal">×</button>
<h2 id="modal-title" class="modal-title">Get Early Access</h2>
<p class="modal-subtitle">Join the waitlist and be first to try it.</p>
<form method="post" action="__WAITLIST_ENDPOINT__" class="modal-form">
<input type="hidden" name="source" value="modal" />
<input type="hidden" name="runId" value="__IDEA_RUN_ID__" />
<input type="hidden" name="trigger" value="" id="modal-trigger-field" />
<div class="form-group">
<label for="modal-email">Work email</label>
<input type="email" id="modal-email" name="email" required placeholder="you@company.com" autocomplete="email" />
</div>
<div class="form-row">
<div class="form-group">
<label for="modal-role">Your role</label>
<select id="modal-role" name="role" required>
<option value="" disabled selected>Select role</option>
<option value="Co-Founder & CEO">Co-Founder & CEO</option><option value="Founder">Founder</option><option value="Co-Founder & CTO">Co-Founder & CTO</option><option value="Co-Founder & COO">Co-Founder & COO</option><option value="Managing Partner (early-stage micro-VC / accelerator operator)">Managing Partner (early-stage micro-VC / accelerator operator)</option>
</select>
</div>
<div class="form-group">
<label for="modal-size">Company size</label>
<select id="modal-size" name="companySize" required>
<option value="" disabled selected>Select size</option>
<option value="startup">startup</option>
</select>
</div>
</div>
<button type="submit" class="modal-submit">Join Waitlist</button>
</form>
<p class="modal-privacy">No spam. We'll only email when there's something real to try.</p>
</div>
</div>
<style>
.modal {
display: none;
position: fixed;
inset: 0;
z-index: 9999;
align-items: center;
justify-content: center;
}
.modal[aria-hidden="false"] {
display: flex;
}
.modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(4px);
}
.modal-content {
position: relative;
background: #FFFFFF;
border-radius: 12px;
padding: 40px;
max-width: 440px;
width: 90%;
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
animation: modalSlideIn 0.3s ease;
}
@keyframes modalSlideIn {
from { opacity: 0; transform: translateY(-20px) scale(0.95); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.modal-close {
position: absolute;
top: 16px;
right: 16px;
width: 32px;
height: 32px;
border: none;
background: #F8FAFC;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #64748B;
transition: background 0.2s, color 0.2s;
}
.modal-close:hover {
background: #E2E8F0;
color: #0F172A;
}
.modal-title {
font-size: 1.5rem;
font-weight: 700;
color: #0F172A;
margin-bottom: 8px;
}
.modal-subtitle {
color: #64748B;
margin-bottom: 24px;
}
.modal-form .form-group {
margin-bottom: 16px;
}
.modal-form .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.modal-form label {
display: block;
font-size: 13px;
font-weight: 500;
color: #64748B;
margin-bottom: 6px;
}
.modal-form input,
.modal-form select {
width: 100%;
padding: 12px 14px;
border: 1px solid #E2E8F0;
border-radius: 6px;
font-size: 15px;
font-family: inherit;
background: #FFFFFF;
color: #0F172A;
transition: border-color 0.2s, box-shadow 0.2s;
}
.modal-form input:focus,
.modal-form select:focus {
outline: none;
border-color: #6366F1;
box-shadow: 0 0 0 3px #6366F120;
}
.modal-submit {
width: 100%;
padding: 14px 24px;
background: #8B5CF6;
color: white;
border: none;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s, transform 0.2s;
margin-top: 8px;
}
.modal-submit:hover {
background: #7C3AED;
transform: translateY(-1px);
}
.modal-privacy {
text-align: center;
font-size: 12px;
color: #64748B;
margin-top: 16px;
}
@media (max-width: 480px) {
.modal-content { padding: 24px; }
.modal-form .form-row { grid-template-columns: 1fr; }
}
</style>
<script>
(function() {
const modal = document.getElementById('email-modal');
const triggerField = document.getElementById('modal-trigger-field');
function openModal(trigger) {
modal.setAttribute('aria-hidden', 'false');
if (triggerField) triggerField.value = trigger || 'unknown';
document.body.style.overflow = 'hidden';
const emailInput = modal.querySelector('input[type="email"]');
if (emailInput) setTimeout(() => emailInput.focus(), 100);
}
function closeModal() {
modal.setAttribute('aria-hidden', 'true');
document.body.style.overflow = '';
}
document.addEventListener('click', function(e) {
const trigger = e.target.closest('[data-open-modal]');
if (trigger) {
e.preventDefault();
openModal(trigger.getAttribute('data-open-modal'));
}
if (e.target.closest('[data-close-modal]')) {
closeModal();
}
});
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && modal.getAttribute('aria-hidden') === 'false') {
closeModal();
}
});
})();
</script>
</body>
</html>