:root{--primary:#002045;--primary-dark:#00152e;--surface:#f7f9fc;--ink:#002045;--muted:#586779;--line:#d9e2ed;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--surface);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #3993c9;outline-offset:5px}::selection{background:#dceafa}.container{width:min(1200px,calc(100% - 48px));margin:auto}.header{background:var(--primary);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:24px;line-height:1.2}.brand-symbol{font-family:Arial,sans-serif;font-size:49px;font-weight:normal}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.7px;margin-top:9px}.header nav{display:flex;align-items:center;gap:30px;font-size:12px}.header nav>a:not(.button):hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--primary);color:white;padding:16px 23px;border:1px solid var(--primary);font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#123d6b;transform:translateY(-2px)}.button-small{padding:12px 19px}.menu-toggle{display:none}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.5;margin:0 0 25px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#002045;margin-right:8px}.hero{padding:55px 0 48px}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}.hero-copy{padding:20px 0}.hero h1{font-family:var(--serif);font-size:clamp(54px,5.5vw,77px);font-weight:400;letter-spacing:-3px;line-height:1.08;margin:0 0 25px}em{font-weight:400;color:#002045}.hero-description{max-width:405px;color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:23px;margin:30px 0 35px}.text-link{font-size:12px;display:inline-flex;gap:16px;align-items:center}.hero-location{display:flex;align-items:center;gap:13px;font-size:11px}.hero-location small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.location-icon{font-size:33px;line-height:1}.hero-art{height:540px;background:var(--primary);position:relative;overflow:hidden;border-radius:160px 160px 3px 3px;color:#eef4fb}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:50px 50px}.care-illustration{position:absolute;width:100%;height:100%;inset:0}.art-orbit{position:absolute;border:1px solid #ffffff10;border-radius:50%;height:550px;width:550px;left:-30px;top:0}.orbit-two{height:650px;width:650px;left:-80px;top:-50px}.art-label{position:absolute;bottom:58px;left:29px;display:flex;align-items:center;gap:12px;background:#f3f6fb;padding:14px 22px;color:var(--primary);box-shadow:0 10px 30px #0001}.art-label>span{font-size:36px}.art-label p{font-family:var(--serif);font-size:20px;line-height:1.3;margin:0}.art-caption{position:absolute;bottom:19px;width:100%;text-align:center;font-size:8px;letter-spacing:2px}.credentials{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.credentials-inner{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;padding-top:22px;padding-bottom:22px;gap:20px}.credentials p{font-size:16px;margin:0}.credentials p span{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-bottom:4px}.credentials a{font-size:11px}.credentials a span{margin-left:20px}.section{padding:100px 0}.section h2{font-family:var(--serif);font-size:clamp(36px,4vw,49px);font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-heading>p{max-width:320px;font-size:13px;color:var(--muted);margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service-card{padding:25px 25px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s}.service-card:last-child{border:0}.service-card:hover{background:#eaf0f7}.service-number{font-size:11px;color:#335a83;display:flex;justify-content:space-between;margin-bottom:44px}.service-number span{font-size:18px}.service-card h3{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.15;min-height:58px;margin:0 0 17px}.service-card p{font-size:12px;color:var(--muted);margin:0 0 27px}.service-tag{font-size:8px;letter-spacing:1.3px;margin-top:auto}.services-note{text-align:center;font-size:11px;color:var(--muted);margin:25px 0 0}.services-note a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.about{background:#edf2f8}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.doctor-panel{background:#dce6f2;padding:35px 40px 40px;min-height:460px;position:relative;overflow:hidden}.doctor-panel:after{content:'';position:absolute;width:380px;height:380px;border:1px solid #b9cbe0;border-radius:50%;top:55px;left:60px;pointer-events:none}.doctor-panel .eyebrow{font-size:8px;position:relative;z-index:1}.monogram{font-family:var(--serif);font-size:130px;letter-spacing:-12px;text-align:center;line-height:1.6;position:relative}.monogram span{font-family:Arial;font-size:40px;position:absolute;right:10%;top:20px}.doctor-panel>p{font-family:var(--serif);font-size:28px;line-height:1.2;margin:15px 0 10px;position:relative;z-index:1}.doctor-panel>small{font-size:10px}.about-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:24px}.doctor-details{margin:30px 0}.doctor-details>div{border-top:1px solid #c9d7e8;padding:15px 0}.doctor-details dt{font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.doctor-details dd{margin:0;font-size:12px}.consultation{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:50px;text-align:left}.steps>div{border-top:1px solid var(--line);padding-top:20px}.steps span{font-family:var(--serif);color:#335a83;font-size:28px}.steps h3{font-weight:400;font-family:var(--serif);font-size:24px;margin:12px 0}.steps p{font-size:13px;color:var(--muted);margin:0}.contact{background:var(--primary);color:#f7f9fc}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact .eyebrow{color:#b9cfe8}.contact em{color:#d6e6f7}.contact-intro{font-size:13px;color:#c6d7eb;margin:24px 0}.contact address{font-style:normal;font-size:13px}.contact address strong{font-size:16px;font-weight:400}.contact address p{color:#c6d7eb;margin-top:8px}.contact-lines{margin:25px 0}.contact-lines p{font-size:12px}.contact-lines span{display:block;color:#b9cfe8;letter-spacing:1.5px;font-size:8px;margin-bottom:3px}.button-light{color:var(--primary);background:#f0f5fb;border-color:#f0f5fb}.button-light:hover{background:#dce8f5}.map-panel{background:#f0f5fb;color:var(--primary);padding:8px}.map-panel iframe{width:100%;height:390px;border:0;display:block;background:#dce6f2}.map-panel>a{font-size:11px;display:flex;justify-content:space-between;padding:16px 12px}.footer{padding:42px 0 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top>a:last-child{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:50px;padding-top:16px;color:var(--muted);font-size:10px}.footer-bottom p:last-child{max-width:400px}.floating-whatsapp{position:fixed;bottom:24px;right:24px;width:54px;height:54px;background:#002045;color:white;display:grid;place-items:center;border-radius:50%;box-shadow:0 4px 20px #0002;z-index:25;border:1px solid #ffffff5c}.floating-whatsapp svg{width:30px;height:30px}.floating-whatsapp:hover{background:#123d6b}.skip-link{position:fixed;top:-100px;left:15px;z-index:50;background:white;padding:10px}.skip-link:focus{top:10px}
@media(min-width:1450px){.hero{padding:70px 0}.hero-art{height:580px}}
@media(max-width:1000px){.hero-grid{gap:30px}.header nav{gap:18px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-art{height:500px}.about-grid{gap:50px}.service-card{padding:20px}.contact-grid{gap:40px}.steps{gap:35px}}
@media(max-width:760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.header-inner{min-height:80px}.brand{font-size:20px;gap:8px}.brand-symbol{font-size:38px}.brand small{font-size:6px;letter-spacing:1.2px}.menu-toggle{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:7px 10px;background:transparent;color:var(--primary);font-size:12px}.header nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--surface);padding:24px;box-shadow:0 12px 20px #0001;align-items:stretch}.header nav.is-open{display:flex;flex-direction:column;gap:20px}.hero{padding:30px 0}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:59px;letter-spacing:-2.8px}.hero-description{max-width:440px}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin:25px 0}.hero-actions .button{padding:14px 17px;gap:15px;font-size:11px}.hero-actions .text-link{font-size:10px;gap:7px}.hero-art{height:390px;border-radius:120px 120px 3px 3px;max-width:480px;width:100%;margin:auto}.care-illustration{width:100%;height:115%;top:-40px}.art-label{bottom:47px;left:20px;padding:10px 17px}.art-label p{font-size:18px}.credentials-inner{grid-template-columns:1fr 1fr;gap:20px;padding-top:24px;padding-bottom:24px}.credentials p{font-size:14px}.credentials p span{font-size:7px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:430px}.section h2{font-size:39px}.eyebrow{margin-bottom:19px;font-size:9px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:23px 19px;border-bottom:1px solid var(--line)}.service-card:nth-child(2){border-right:0}.service-card:nth-child(3){border-bottom:0}.service-card h3{font-size:23px}.service-number{margin-bottom:28px}.service-card p{font-size:11px}.services-note{font-size:10px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.doctor-panel{min-height:390px;padding:28px 30px}.monogram{line-height:1.4}.doctor-panel:after{width:300px;height:300px;top:35px;left:40px}.about-copy>p:not(.eyebrow){font-size:14px}.steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.steps>div{display:grid;grid-template-columns:44px 1fr;column-gap:15px;padding-top:16px}.steps span{grid-row:span 2}.steps h3{margin:0 0 8px}.steps p{grid-column:2}.consultation{text-align:left}.map-panel iframe{height:320px}.footer-top{gap:20px}.footer-bottom{flex-direction:column;gap:0}.footer-bottom p{max-width:100%;padding-right:32px}.floating-whatsapp{bottom:18px;right:16px;width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Expanded service catalog. */
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}
.service-grid .service-card{border:0;background:var(--surface);min-width:0}
.service-grid .service-card:hover{background:#eaf0f7}
.service-grid .service-card h3{min-height:0;overflow-wrap:break-word}
@media(max-width:760px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.service-grid{grid-template-columns:1fr}.service-grid .service-card{padding:25px}.service-grid .service-number{margin-bottom:20px}}

/* Local branding and doctor photography. */
.brand-logo {
  display: block;
  width: 64px;
  height: 64px;
  object-fit: contain;
  flex-shrink: 0;
}
.hero-portrait {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 125%;
  object-fit: contain;
  object-position: center bottom;
}
.doctor-panel::after {
  display: none;
}
.about-portrait-frame {
  position: relative;
  height: 340px;
  overflow: hidden;
  border-bottom: 1px solid #b9cbe0;
}
.about-portrait {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 125%;
  object-fit: contain;
  object-position: center bottom;
}
@media (max-width: 760px) {
  .brand-logo {
    width: 46px;
    height: 46px;
  }
  .about-portrait-frame {
    height: 310px;
  }
}
@media (max-width: 380px) {
  .header-inner {
    gap: 10px;
  }
  .header .brand {
    font-size: 17px;
  }
  .header .brand small {
    font-size: 5px;
    letter-spacing: 1px;
  }
}

/* Institutional header: consistent contrast on desktop and mobile. */
.header {
  color: #ffffff;
  border-bottom-color: #335a83;
}
.header .button {
  border-color: #b9cfe8;
}
.header .menu-toggle {
  color: #ffffff;
  border-color: #b9cfe8;
}
.header a:focus-visible,
.header button:focus-visible,
.contact a:focus-visible {
  outline-color: #8ccafa;
}
.skip-link {
  color: var(--primary);
}
@media (max-width: 760px) {
  .header nav {
    background: var(--primary);
  }
}

/* FAQ and privacy components share the institutional navy palette. */
#privacy-modal { border: 0; padding: 0; color: var(--ink); background: var(--surface); }
#privacy-modal::backdrop { background: rgb(0 32 69 / 65%); }
#privacy-modal[open] { display: flex; flex-direction: column; }
#privacy-modal .privacy-copy h3 { font-size: 16px; margin: 24px 0 8px; }
#privacy-modal .privacy-copy p { margin: 0 0 16px; }
#faq [hidden] { display: none; }
#faq button[aria-expanded="true"] .faq-icon { transform: rotate(180deg); }
#faq button[aria-expanded="true"] { background: #eaf0f7; color: var(--primary); }
#faq .faq-card:has(button[aria-expanded="true"]) { border-color: #b9cbe0; }
#faq button[aria-controls] { font-family: var(--serif); font-weight: 400; }
#faq .faq-icon { transition: transform 300ms ease; }
@media (prefers-reduced-motion: reduce) {
  #faq .faq-icon { transition: none; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .header nav { gap: 12px; }
  .header .brand { font-size: 20px; }
  .header .brand-logo { width: 50px; height: 50px; }
}

body.privacy-modal-open {
  overflow: hidden;
}
.privacy-page {
  max-width: 800px;
  padding-top: 48px;
  padding-bottom: 64px;
}
.privacy-page h1 {
  font-family: var(--serif);
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 400;
  line-height: 1.2;
}
.privacy-page h2 {
  font-size: 18px;
  margin: 24px 0 8px;
}
.privacy-copy a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.faq {
  background: var(--surface);
}
.faq-question {
  color: var(--primary);
}
.faq-question:hover {
  background: #eaf0f7;
}
.faq-icon {
  color: #335a83;
}
.privacy-modal-header {
  border-color: var(--line);
}