@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(../fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{--blue:#014ba0;--navy:#013181;--sky:#03b0f6;--ice:#e9f6fe;--ink:#0f2747;--muted:#4a5f78;--line:#d3e3ef;--white:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:400 1.0625rem/1.65 "Plus Jakarta Sans",system-ui,sans-serif}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:400;line-height:1.15;margin:0;color:var(--navy)}
h1{font-size:clamp(2.5rem,5.4vw,4.2rem)}
h2{font-size:clamp(1.8rem,3.4vw,2.5rem)}
h3{font-size:1.35rem}
p{margin:0 0 1em;max-width:68ch}
a{color:var(--blue)}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:2px}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--white);padding:.7rem 1rem;z-index:30}
.skip:focus{left:1rem;top:1rem}
.icon{width:1.5em;height:1.5em;flex:none}

.site-header{position:sticky;top:0;z-index:20;background:var(--white);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:92px}
.brand{display:block;line-height:0}
.brand img{width:136px;height:auto}
.bar nav{display:flex;align-items:center;gap:1.6rem}
.bar nav a{color:var(--ink);text-decoration:none;font-weight:700;padding:.35rem 0;border-bottom:2px solid transparent}
.bar nav a:hover,.bar nav a[aria-current=page]{color:var(--blue);border-bottom-color:var(--sky)}
.bar nav .nav-book{background:var(--blue);color:var(--white);padding:.65rem 1.1rem;border:0;border-radius:8px}
.bar nav .nav-book:hover{background:var(--navy);color:var(--white)}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;border:1.5px solid var(--blue);color:var(--blue);border-radius:8px;padding:.45rem 1rem;font-weight:700}
.menu summary::-webkit-details-marker{display:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid transparent;border-radius:8px;padding:.85rem 1.4rem;font:700 1.05rem/1.2 "Plus Jakarta Sans",system-ui,sans-serif;text-decoration:none;cursor:pointer}
.btn .icon{width:1.2em;height:1.2em}
.btn-primary{background:var(--blue);color:var(--white)}
.btn-primary:hover{background:var(--navy)}
.btn-outline{border-color:var(--blue);color:var(--blue);background:var(--white)}
.btn-outline:hover{background:var(--ice)}

.hero{background:linear-gradient(115deg,var(--ice) 0,var(--white) 62%);padding-top:clamp(2.5rem,6vw,4.5rem)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero-copy>p{font-size:1.25rem;color:var(--muted);margin:1.2rem 0 1.8rem;max-width:34em}
.actions{display:flex;flex-wrap:wrap;gap:.8rem}
.hero-visual{aspect-ratio:1/1;max-height:470px;width:100%;border-radius:50% 50% 16px 16px / 42% 42% 16px 16px;overflow:hidden}
.hero-visual img{width:100%;height:100%;object-fit:cover}
.no-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:var(--white);background:linear-gradient(160deg,var(--navy) 0,var(--blue) 45%,var(--sky) 100%)}
.no-photo .hero-icon .icon{width:clamp(5rem,12vw,8rem);height:clamp(5rem,12vw,8rem);stroke-width:1.1}
.no-photo p{font:400 1.45rem/1.25 "Plus Jakarta Sans",system-ui,sans-serif;max-width:12em;margin:0}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:clamp(2.5rem,5vw,3.5rem);padding-block:1.7rem;border-top:1px solid var(--line)}
.trust>div{display:flex;gap:.8rem;align-items:flex-start}
.trust .icon{color:var(--blue);width:1.8rem;height:1.8rem;margin-top:.15rem}
.trust p{margin:0;color:var(--muted);line-height:1.4}
.trust strong{color:var(--navy)}

.section{padding-block:clamp(3.5rem,7vw,5.5rem)}
.section-head{margin-bottom:2.3rem}
.section-head p{color:var(--muted);margin:.6rem 0 0}
.tinted{background:var(--ice)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,4.5rem);align-items:start}
.two.center{align-items:center}
.two>div:only-child{grid-column:1/-1}
.two h2+.lead{margin-top:1rem}
.lead{font-size:1.15rem}
.rounded-image,.service-image{width:100%;max-height:440px;object-fit:cover;border-radius:16px}
.service-image{margin-bottom:1.5rem}

.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.service-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.service-card:hover{border-color:var(--sky);box-shadow:0 10px 26px rgb(1 75 160 / .12)}
.card-body{display:flex;flex-direction:column;flex:1;padding:1.5rem 1.6rem 1.6rem}
.card-image{display:block;background:var(--ice);padding:1rem}
.card-image img{width:100%;height:210px;object-fit:contain}
.service-card p{color:var(--muted);flex:1;margin:.6rem 0 1rem}
.service-card .card-body>.more{margin-top:auto}
.service-card .more{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--ice);color:var(--blue);margin-bottom:1rem;font-size:1.25rem}
.card-cta{background:var(--navy);border-color:var(--navy)}
.card-cta h3,.card-cta p,.card-cta .more{color:var(--white)}
.card-cta .icon-badge{background:rgb(255 255 255 / .14);color:var(--white)}

.doctor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.doctor img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:14px;margin-bottom:1rem}
.doctor-role{color:var(--blue);font-weight:700;margin:.3rem 0 .2rem}
.doctor p{margin:0 0 .35rem;color:var(--muted)}
.doctor p.doctor-role{color:var(--blue)}
.doctor strong{color:var(--ink)}
.doctor-link{display:inline-block;margin-top:.4rem;font-weight:700}
.doctor-blank{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border-radius:14px;background:linear-gradient(160deg,var(--navy),var(--sky));color:var(--white);margin-bottom:1rem}
.doctor-blank .icon{width:5rem;height:5rem;stroke-width:1.2}
.points{margin:0 0 1.2rem;padding-inline-start:1.2rem}
.points li{margin-bottom:.25rem}
.points li::marker{color:var(--sky)}
.service-doctor{padding:1rem 1.2rem;background:var(--ice);border-radius:12px}

.reviews{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.reviews figure{margin:0;padding:1.6rem;border:1px solid var(--line);border-radius:14px}
.reviews blockquote{margin:0 0 .8rem}
.reviews figcaption{font-weight:700;color:var(--navy)}

.book-band{background:linear-gradient(120deg,var(--navy),var(--blue));color:var(--white)}
.book-band h2{color:var(--white)}
.book-band h2+p{margin-top:.7rem}
.book-band .booking{background:var(--white);color:var(--ink);padding:clamp(1.3rem,3vw,2rem);border-radius:14px}
.booking{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{display:flex;flex-direction:column;gap:.3rem}
.field label{font-weight:700}
.field input,.field select{width:100%;min-height:48px;padding:.6rem .75rem;border:1.5px solid #7a8fa5;border-radius:8px;background:var(--white);color:var(--ink);font:inherit}
.booking .btn,.form-note,.form-error{grid-column:1/-1}
.form-note{font-size:.93rem;color:var(--muted);margin:0}
.form-error{background:#fdecea;border-inline-start:4px solid #b3261e;padding:.7rem .9rem;margin:0;font-weight:700;color:#7d1a14}

.page-head{background:linear-gradient(115deg,var(--ice),var(--white));padding-block:clamp(2.5rem,6vw,4rem);border-bottom:1px solid var(--line)}
.page-head p{margin:.8rem 0 0;color:var(--muted)}
.page-head .btn{margin-top:.6rem}
.service-list{display:grid;gap:2rem}
.service-row{display:grid;grid-template-columns:56px 1fr;gap:1.4rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}
.service-row:last-child{border-bottom:0;padding-bottom:0}
.service-row h2{font-size:1.6rem}
.service-row h2 a{color:inherit;text-decoration:none}
.service-row h2 a:hover{text-decoration:underline}
.service-row p{margin:.5rem 0 0}
.two h2+.booking{margin-top:1.4rem}
.contact-ways{display:grid;gap:.9rem;justify-items:start}
.contact-ways .btn{min-width:min(100%,290px)}
.contact-ways p{margin:.5rem 0 0}

.site-footer{background:var(--ice);padding-block:3.5rem 5.5rem;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:2.5rem}
.footer-logo{width:150px;margin-bottom:1rem}
.site-footer h2{font:700 1rem/1.3 "Plus Jakarta Sans",system-ui,sans-serif;color:var(--navy);margin-bottom:.6rem}
.site-footer a{display:block;padding-block:.18rem;text-underline-offset:.2em}
.legal{font-size:.92rem;color:var(--muted);margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid var(--line);max-width:none}
.wa-float{position:fixed;right:1rem;bottom:1rem;z-index:15;display:inline-flex;align-items:center;gap:.5rem;background:#0b7a3e;color:var(--white);font-weight:700;text-decoration:none;padding:.8rem 1.1rem;border-radius:999px;box-shadow:0 8px 22px rgb(0 0 0 / .25)}
.wa-float:hover{background:#085f30}
.wa-float .icon{width:1.25em;height:1.25em}

@media (max-width:980px){
  .bar .nav-desktop{display:none}

  .menu{display:block;position:relative}
  .menu nav{position:absolute;right:0;top:calc(100% + .7rem);flex-direction:column;align-items:stretch;gap:.2rem;min-width:240px;padding:.8rem;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px rgb(1 49 129 / .18)}
  .bar .menu nav .nav-book{margin-top:.4rem;text-align:center}
  .hero-grid,.two,.footer-grid{grid-template-columns:1fr}
  .hero-visual{max-width:440px;margin-inline:auto}
  .service-grid,.doctor-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .bar{min-height:78px}
  .brand img{width:112px}
  .trust,.service-grid,.reviews,.booking{grid-template-columns:1fr}
  .actions .btn{flex:1 1 100%}
  .service-row{grid-template-columns:56px 1fr;gap:1rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card{transition:none}}

.block-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.block-grid.four{grid-template-columns:repeat(4,1fr)}
.block{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:1.2rem;transition:border-color .15s,box-shadow .15s}
.block:hover{border-color:var(--sky);box-shadow:0 10px 26px rgb(1 75 160 / .12)}
.block-image{background:var(--ice);padding:.8rem;margin-bottom:1rem}
.block-image img{width:100%;height:170px;object-fit:contain}
.block h3{font-size:1.15rem;padding-inline:1.1rem}
.block p{color:var(--muted);margin:.4rem 0 0;padding-inline:1.1rem;font-size:1rem;line-height:1.5}
.tinted .block-image{background:var(--ice)}
.section-head.split{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}
.section-head.split .btn{flex:none}
.banner{position:relative;display:flex;align-items:center;min-height:clamp(380px,41vw,560px);overflow:hidden;background:var(--ice)}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(255 255 255 / .96) 0,rgb(255 255 255 / .82) 36%,rgb(255 255 255 / 0) 60%)}
.banner-copy{position:relative;z-index:1;padding-block:3rem}
.banner-copy p{color:var(--ink);font-size:1.15rem;max-width:30em;margin:1rem 0 1.5rem}
.banner-copy h1,.banner-copy p{max-width:min(30em,48%)}
.head-art{max-height:260px;width:auto;justify-self:end}
.form-card{background:var(--white);padding:clamp(1.3rem,3vw,2rem);border-radius:14px}
@media (max-width:980px){
  .block-grid,.block-grid.four{grid-template-columns:repeat(2,1fr)}
  .banner{display:block;min-height:0}
  .banner img{position:static;height:auto;aspect-ratio:16/10}
  .banner::after{display:none}
  .banner-copy{padding-block:1.8rem}
  .banner-copy h1,.banner-copy p{max-width:none}
  .head-art{justify-self:center}
}
@media (max-width:640px){
  .block-image img{height:120px}
  .block h3{font-size:1.05rem}
  .card-image img{height:190px}
}
@media (prefers-reduced-motion:reduce){.block{transition:none}}
.banner img{object-position:right top}
.block-image img,.card-image img{mix-blend-mode:multiply}
.tinted .service-doctor{background:var(--white)}

/* Professional type scale */
body{font-size:.9375rem;line-height:1.6}
h1,h2,h3{font-weight:700;letter-spacing:-.02em;line-height:1.2}
h1{font-size:clamp(2rem,3.4vw,2.875rem)}
h2{font-size:clamp(1.5rem,2.2vw,1.875rem)}
h3{font-size:1rem;letter-spacing:-.01em}
.wrap{width:min(1200px,100% - 2.5rem)}
.bar{min-height:76px}
.brand img{width:108px}
.bar nav{gap:1.4rem}
.bar nav a{font-weight:600;font-size:.9rem}
.bar nav .nav-book{padding:.55rem 1rem}
.btn{font-size:.9rem;font-weight:600;padding:.7rem 1.15rem}
.hero{padding-top:clamp(2rem,4vw,3.25rem)}
.hero-copy>p{font-size:1.0625rem;margin:.9rem 0 1.4rem}
.hero-visual{max-height:400px}
.trust{margin-top:2.25rem;padding-block:1.25rem}
.trust p{font-size:.875rem}
.section{padding-block:clamp(2.75rem,5vw,4rem)}
.section-head{margin-bottom:1.6rem}
.section-head p{font-size:.9375rem}
.lead{font-size:1rem}
.service-grid,.block-grid,.block-grid.four,.doctor-grid,.reviews{grid-template-columns:repeat(4,1fr);gap:1rem}
.card-image,.block-image{padding:.75rem;margin:0}
.card-image img,.block-image img{height:112px}
.card-body{padding:.9rem 1rem 1rem}
.block{padding-bottom:.9rem}
.block h3{font-size:.9375rem;padding-inline:.9rem;margin-top:.8rem}
.block p,.service-card p{font-size:.8125rem;line-height:1.5}
.block p{padding-inline:.9rem;margin-top:.25rem}
.service-card p{margin:.3rem 0 .7rem}
.service-card .more{font-size:.8125rem;font-weight:600}
.icon-badge{width:42px;height:42px;font-size:.95rem;border-radius:10px;margin-bottom:.7rem}
.doctor img,.doctor-blank{border-radius:12px;margin-bottom:.7rem}
.doctor p{font-size:.8125rem;margin-bottom:.25rem}
.doctor-role{font-weight:600}
.doctor-link{font-size:.8125rem;font-weight:600}
.doctor-blank .icon{width:3.5rem;height:3.5rem}
.reviews figure{padding:1.1rem;border-radius:12px}
.reviews blockquote{font-size:.8125rem;line-height:1.55}
.reviews figcaption{font-size:.875rem}
.banner{min-height:clamp(320px,30vw,430px)}
.banner-copy{padding-block:2rem}
.banner-copy p{font-size:.9375rem;margin:.7rem 0 1.1rem}
.head-art{max-height:170px}
.page-head{padding-block:clamp(1.8rem,3.5vw,2.75rem)}
.booking{gap:.8rem}
.field label{font-size:.875rem;font-weight:600}
.field input,.field select{min-height:42px;font-size:.9rem}
.form-note{font-size:.8125rem}
.footer-logo{width:120px}
.site-footer{padding-block:2.5rem 4.5rem;font-size:.875rem}
.site-footer h2{font-size:.875rem}
.legal{font-size:.8125rem}
.wa-float{font-size:.85rem;font-weight:600;padding:.6rem .95rem}
.service-doctor{font-size:.875rem}
@media (max-width:980px){
  .bar .nav-desktop{display:none}
  .service-grid,.block-grid,.block-grid.four,.doctor-grid,.reviews{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .reviews{grid-template-columns:1fr}
  .card-image img,.block-image img{height:92px}
  .booking{grid-template-columns:1fr}
}
.banner{min-height:clamp(340px,33vw,480px)}
.banner{background:var(--white)}
.banner img{object-position:right 12%}
@media (min-width:981px){
  .banner{min-height:clamp(380px,36vw,520px);background:linear-gradient(115deg,var(--ice) 0,var(--white) 60%)}
  .banner::after{display:none}
  .banner img{inset:0 0 0 auto;width:auto;height:100%;max-width:62%;object-fit:cover;object-position:right top;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
}