*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;color:#17313b;background:#fbfdfd;line-height:1.6}.container{width:min(1120px,92%);margin:auto}.header{height:78px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);position:fixed;top:0;left:0;right:0;z-index:20;border-bottom:1px solid #e7eeee}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#17313b}.brand-mark{width:39px;height:39px;border-radius:12px;background:#0b7c83;color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 20px #0b7c8325}.brand strong{display:block;font-family:Manrope;font-size:17px;line-height:1.1}.brand small{display:block;color:#7a9297;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.nav-links{display:flex;gap:30px}.nav-links a{color:#587177;text-decoration:none;font-size:14px;font-weight:600}.nav-links a:hover{color:#0b7c83}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;font-weight:700}.nav-cta{background:#0b7c83;color:#fff;padding:11px 18px;font-size:13px}.menu-btn{display:none;border:0;background:none;font-size:24px;color:#17313b}.hero{min-height:760px;padding-top:78px;position:relative;overflow:hidden;background:linear-gradient(135deg,#effafa 0%,#fff 62%)}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#c9eeee;filter:blur(90px);opacity:.42;right:-180px;top:80px}.hero-grid{min-height:682px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:2px;color:#0b7c83}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:18px}.eyebrow span{width:27px;height:2px;background:#0b7c83}.hero h1{font-family:Manrope;font-size:clamp(48px,5.6vw,76px);line-height:1.04;letter-spacing:-3px;max-width:680px}.hero h1 em{font-style:normal;color:#0b7c83}.hero-copy>p{max-width:550px;color:#647a80;font-size:17px;margin:23px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:14px 21px;font-size:14px;gap:12px}.btn.primary{background:#0b7c83;color:#fff;box-shadow:0 12px 25px #0b7c8326}.btn.secondary{border:1px solid #d4e2e4;color:#35545b;background:#fff}.trust-row{display:flex;gap:30px;margin-top:45px}.trust-row div{display:flex;flex-direction:column;border-left:2px solid #b8dfe1;padding-left:12px}.trust-row b{font-family:Manrope;font-size:14px}.trust-row span{font-size:11px;color:#82969a}.hero-visual{position:relative;min-height:570px;display:grid;place-items:center}.circle-back{position:absolute;width:450px;height:450px;border-radius:50%;background:#d8f0ef;right:10px}.doctor-card{position:relative;width:min(370px,75%);height:475px;border-radius:190px 190px 25px 25px;overflow:hidden;box-shadow:0 30px 55px #17313b24;background:#dceeed;border:8px solid #fff}.doctor-card img{width:100%;height:100%;object-fit:cover}.photo-note{position:absolute;bottom:0;left:0;right:0;padding:9px 12px;background:#17313bd9;color:#fff;font-size:9px;text-align:center}.floating-card{position:absolute;bottom:55px;left:4px;background:#fff;border-radius:14px;padding:15px 18px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 35px #17313b18}.check{width:34px;height:34px;border-radius:50%;background:#e1f5f3;color:#0b7c83;display:grid;place-items:center;font-weight:800}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:12px}.floating-card small{font-size:10px;color:#82969a}.intro{padding:105px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro h2,.section-head h2,.doctor h2,.appointment h2{font-family:Manrope;font-size:42px;line-height:1.15;letter-spacing:-1.5px;margin-top:10px}.intro p{color:#61777c;margin-bottom:14px}.muted{font-size:13px;color:#8a9b9f!important}.services{padding:95px 0;background:#f0f8f7}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head>p{max-width:390px;color:#72878b;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{background:#fff;padding:28px 25px;border-radius:15px;border:1px solid #e0ebeb;min-height:220px;transition:.25s}.service:hover{transform:translateY(-5px);box-shadow:0 15px 35px #17313b0d}.service span{color:#0b7c83;font-size:11px;font-weight:800;letter-spacing:1px}.service h3{font-family:Manrope;font-size:20px;margin:38px 0 10px}.service p{color:#788c90;font-size:13px}.doctor{padding:105px 0}.doctor-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.doctor-image{height:500px;border-radius:20px;overflow:hidden;background:#dceeed}.doctor-image img{width:100%;height:100%;object-fit:cover}.doctor-copy p{color:#667d82;max-width:520px;margin:20px 0 25px}.qualification{display:inline-block;margin-top:12px;padding:7px 13px;border-radius:30px;background:#e4f4f3;color:#0b7c83;font-size:12px;font-weight:800}.credentials{display:flex;gap:35px;margin:25px 0}.credentials div{display:flex;flex-direction:column}.credentials strong{font-family:Manrope;font-size:20px}.credentials span{font-size:10px;color:#899a9e}.appointment{padding:0 0 100px}.appointment-box{background:#123f47;border-radius:22px;padding:55px 65px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff}.appointment-box .section-label{color:#9ce2df}.appointment h2{font-size:34px;max-width:600px}.appointment p{color:#b6cbcd;margin-top:8px}.phone{white-space:nowrap;background:#fff;color:#123f47;text-decoration:none;padding:16px 21px;border-radius:11px;font-weight:800}.phone span{margin-right:8px}footer{border-top:1px solid #e3ebeb;background:#fff}.footer{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer>a{font-size:11px;color:#829499;text-decoration:none}.footer>a{font-weight:700;color:#0b7c83}@media(max-width:850px){.nav-links,.nav-cta{display:none}.menu-btn{display:block}.nav{position:relative}.nav-links.open{display:flex;position:absolute;top:70px;left:0;right:0;background:#fff;padding:18px;flex-direction:column;gap:15px;border:1px solid #e5eeee;border-radius:12px;box-shadow:0 15px 30px #17313b12}.hero-grid,.two-col,.doctor-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:70px 0 80px}.hero-visual{min-height:510px}.hero h1{font-size:50px}.service-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p{margin-top:15px}.appointment-box{padding:40px 30px;display:block}.phone{display:inline-block;margin-top:25px}.footer{padding:25px 0;flex-wrap:wrap}.doctor-image{height:400px}}@media(max-width:520px){.hero h1{font-size:42px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.trust-row{gap:15px}.trust-row span{font-size:9px}.circle-back{width:340px;height:340px}.doctor-card{height:420px;width:280px}.floating-card{left:-4px;bottom:20px}.service-grid{grid-template-columns:1fr}.intro,.services,.doctor{padding:75px 0}.intro h2,.section-head h2,.doctor h2{font-size:34px}.appointment h2{font-size:29px}.footer{display:block}.footer .brand{margin-bottom:18px}.footer p{margin-bottom:8px}}
/* Motion & accessibility */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulseSoft{0%,100%{box-shadow:0 0 0 0 #0b7c8320}50%{box-shadow:0 0 0 12px #0b7c8300}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-12px,10px) scale(1.04)}}
.hero-copy{animation:fadeUp .8s ease both}
.hero-visual{animation:fadeUp .9s .12s ease both}
.circle-back{animation:drift 7s ease-in-out infinite}
.floating-card{animation:float 4s ease-in-out infinite}
.eyebrow span{animation:pulseSoft 2.5s infinite}
.service{animation:fadeUp .7s ease both}
.service:nth-child(2){animation-delay:.08s}.service:nth-child(3){animation-delay:.16s}.service:nth-child(4){animation-delay:.24s}
.service,.btn,.nav-cta,.phone,.doctor-card img{transition:transform .3s ease,box-shadow .3s ease}
.btn:hover{transform:translateY(-3px)}
.nav-cta:hover,.phone:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0b7c8324}
.doctor-card:hover{box-shadow:0 35px 65px #17313b2d}
.doctor-card:hover img{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}

/* Typing headline */
.cursor{display:inline-block;color:#0b7c83;font-weight:400;margin-left:2px;animation:blink .75s step-end infinite}
@keyframes blink{50%{opacity:0}}
/* Animated service cards */
.service{opacity:0;animation:cardReveal .75s cubic-bezier(.2,.75,.25,1) forwards}
@keyframes cardReveal{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.service:hover{transform:translateY(-8px) scale(1.01)}
/* Floating WhatsApp */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:50;height:56px;min-width:56px;padding:0 18px;border-radius:30px;background:#25d366;color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;font-weight:800;font-size:13px;box-shadow:0 12px 28px #17313b30;transition:transform .25s ease,box-shadow .25s ease}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 17px 35px #17313b3d}
.wa-icon{width:30px;height:30px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:13px}
@media(max-width:850px){
  .hero-visual{display:grid;min-height:460px;margin-top:15px}
  .doctor-card{width:min(310px,78vw);height:430px}
  .circle-back{width:360px;height:360px;right:50%;transform:translateX(50%)}
  .floating-card{left:5%;bottom:12px}
}
@media(max-width:520px){
  .hero-grid{padding-top:55px}
  .hero-visual{min-height:440px}
  .doctor-card{width:275px;height:390px}
  .circle-back{width:315px;height:315px}
  .whatsapp-float{right:15px;bottom:15px}
  .wa-label{display:none}
  .whatsapp-float{width:56px;padding:0;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 .cursor{animation:none}
 .service{opacity:1;animation:none}
}