*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f9fafb;color:#111827;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
.container{max-width:80rem;margin:0 auto;padding:0 1rem}
.center{text-align:center}
.muted{color:#4b5563;line-height:1.5}

.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}
.nav-inner{display:flex;align-items:center;height:4rem}

.logo{display:inline-flex;align-items:center;font-size:14px;color:#111827}
.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;color:#fff;font-size:16px;background:linear-gradient(48deg,#000 0%,#0b0b0b 58%,#a4a4a4 100%)}
.logo-text{padding-left:.5rem;line-height:16px}

.hero{padding:8rem 1rem 5rem;background:url(background.png) center/cover no-repeat}
.hero h1{color:#fff;font-size:2.25rem;font-weight:700;line-height:1.2;padding:2rem 1rem;margin-bottom:1.5rem}
.gradient{background:linear-gradient(to right,#7c3aed,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:#fff;font-size:1.25rem;line-height:1.6;max-width:42rem;margin:0 auto 2.5rem}

.btn{display:inline-flex;align-items:center;justify-content:center;height:3.5rem;padding:0 1.5rem;border-radius:.5rem;font-weight:600;font-size:1.125rem;transition:background .2s}
.btn-dark{background:#000;color:#fff;border:1px solid #d1d5db}
.btn-dark:hover{background:#222}

.section{padding:5rem 1rem}
.white{background:#fff}
.section h2{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:1rem}
.sub{font-size:1.125rem;color:#4b5563;text-align:center;max-width:42rem;margin:0 auto 4rem;line-height:1.6}
.sub.wide{max-width:48rem;margin-bottom:3rem}
.mb-lg{margin-bottom:4rem!important}

.grid-2,.grid-3{display:grid;gap:2rem}
.stat{padding:1.5rem;border-radius:.75rem;background:#f9fafb}
.stat-num{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}

.card{display:flex;gap:1.5rem;padding:2rem;border-radius:1rem;background:#fff;border:1px solid #f3f4f6;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .2s}
.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}
.icon{flex:none;width:3.5rem;height:3.5rem;border-radius:.75rem;background:linear-gradient(to bottom right,#6b7280,#000);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem}

.step{width:4rem;height:4rem;border-radius:50%;background:#1f2937;color:#fff;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.grid-3 h3{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}

.cta-wrap{padding:6rem 1rem}
.cta{max-width:56rem;margin:0 auto;text-align:center;border-radius:1.5rem;background:linear-gradient(to bottom right,#4b5563,#000);padding:3rem;color:#fff}
.cta h2{font-size:1.875rem;margin-bottom:1rem}
.cta p{font-size:1.25rem;color:rgba(255,255,255,.9)}

.footer{padding:3rem 1rem;border-top:1px solid #e5e7eb;background:#fff}

@media (min-width:640px){
  .container{padding:0 1.5rem}
  .hero{background-image:url(doctor.png),url(background.png);background-size:auto min(92%,520px),cover;background-position:right 1% bottom 1%,center;background-repeat:no-repeat,no-repeat}
  .hero h1{font-size:3rem}
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .cta{padding:4rem}
  .cta h2{font-size:2.25rem}
}
@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr);gap:3rem}}
@media (min-width:1024px){.container{padding:0 2rem}.hero h1{font-size:3.75rem}}