:root{--blue:#159ed0;--green:#80bd43;--ink:#18333a;--muted:#60777a;--pale:#f4faf7;--line:#dce9e3;--white:#fff;--shadow:0 14px 40px rgba(24,51,58,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:10px max(5vw,20px);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-logo{width:55px;height:55px;object-fit:contain}.brand-name{font:800 .95rem Manrope,Arial,sans-serif;letter-spacing:.12em}.brand-name small{display:block;color:var(--muted);font:600 .55rem 'DM Sans',Arial,sans-serif;letter-spacing:.14em}
.nav{display:flex;align-items:center;gap:22px}.nav a{text-decoration:none;color:var(--muted);font-size:.9rem}.nav a:hover,.text-link:hover{color:var(--blue)}.nav .nav-cta{background:var(--blue);color:#fff;padding:9px 16px;border-radius:28px}.menu-toggle{display:none;border:0;background:none;font-size:1.6rem;color:var(--ink)}
.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:5vw;padding:62px max(8vw,24px);background:linear-gradient(120deg,#f4faf7,#fff 65%);min-height:440px}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:#278b9f;margin:0 0 12px}.hero h1,.section h2{font:800 clamp(2.2rem,4.5vw,4rem)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:10px 0 16px}.hero h1 em,.section h2 em{font-style:normal;color:var(--green)}.tagline{color:var(--blue);font-weight:800;margin:0}.lead{max-width:540px;color:var(--muted);font-size:1.05rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.button{display:inline-flex;align-items:center;gap:10px;justify-content:center;padding:12px 18px;border-radius:28px;text-decoration:none;font-weight:700;border:1px solid var(--blue)}.primary{background:var(--blue);color:#fff}.secondary{color:var(--blue);background:#fff}.hero-note{font-size:.86rem;color:var(--muted)}.hero-logo{display:grid;place-items:center}.hero-logo img{width:min(100%,330px);height:auto;filter:drop-shadow(0 12px 20px rgba(0,0,0,.06))}
.section{padding:62px max(8vw,24px)}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.section p:not(.eyebrow){color:var(--muted)}.section-heading{margin-bottom:26px}.section-heading h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}.doctor-card{display:flex;align-items:center;gap:15px;padding:22px 25px;background:var(--pale);border:1px solid var(--line);border-radius:18px}.doctor-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e4f3d9;color:#538e27;font-weight:800}.doctor-card strong,.doctor-card span{display:block}.doctor-card span{color:var(--muted);font-size:.9rem}
.conditions{background:var(--pale)}.condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 6px 22px rgba(24,51,58,.035)}.panel h3{font:800 1.12rem Manrope;margin:0 0 15px}.panel-icon{color:var(--green);margin-right:8px}.panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 15px}.panel li{position:relative;padding-left:15px;color:#425b5d;font-size:.92rem}.panel li:before{content:'•';position:absolute;left:0;color:var(--blue);font-weight:800}.disclaimer{font-size:.82rem;margin:17px 0 0}
.therapy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.therapy-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:115px;padding:18px 10px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px}.therapy-item span{font-size:1.6rem;color:var(--green)}.therapy-item strong{font-size:.9rem}
.appointment{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;background:#f4faf7}.appointment h2{font-size:clamp(2rem,3.6vw,3rem)}.contact-line{margin-top:22px}.contact-line a{color:#168bb7;font-weight:700;text-decoration:none}.booking-form{padding:25px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.booking-form h3{font:800 1.35rem Manrope;margin:0 0 12px}.booking-form label{display:block;margin:10px 0 4px;font-size:.84rem;font-weight:700}.booking-form label span{font-weight:400;color:var(--muted)}.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fbfdfb;color:var(--ink)}.booking-form textarea{resize:vertical}.submit{width:100%;margin-top:15px;cursor:pointer}.form-note{display:block;color:var(--muted);font-size:.73rem;margin-top:10px}.form-status{font-size:.83rem;color:#247f53}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.contact h2{font-size:2.5rem}.text-link{color:#168bb7;font-weight:700;text-decoration:none}.map-frame{height:280px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.map-frame iframe{width:100%;height:100%;border:0}.footer{padding:25px 20px;background:#153e45;color:#fff;text-align:center}.footer-logo{width:66px;height:66px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.footer p{margin:7px 0}.footer small{display:block;color:#d5e6e1;font-size:.75rem}.whatsapp{position:fixed;right:18px;bottom:16px;z-index:9;padding:12px 17px;border-radius:30px;background:#168c60;color:#fff;text-decoration:none;font-weight:700;box-shadow:var(--shadow)}
@media(max-width:850px){.nav{gap:12px}.therapy-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.site-header{padding:8px 15px}.brand-logo{width:47px;height:47px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;padding:16px 20px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px}.nav.open{display:flex}.nav a{padding:8px}.hero{grid-template-columns:1fr;padding:42px 22px;gap:12px}.hero-logo img{width:190px}.section{padding:48px 22px}.about,.appointment,.contact{grid-template-columns:1fr;gap:22px}.condition-grid{grid-template-columns:1fr}.panel ul{grid-template-columns:1fr 1fr}.therapy-grid{grid-template-columns:repeat(2,1fr)}.booking-form{padding:20px}.contact h2{font-size:2rem}.map-frame{height:230px}.whatsapp{right:12px;bottom:12px}}
