:root{
  --navy:#08284d; --green:#218c35; --lime:#76b82a; --ink:#14243a;
  --muted:#5d6b7b; --bg:#f6f9fb; --white:#fff; --line:#dfe7ed;
  --shadow:0 18px 45px rgba(8,40,77,.10); --radius:22px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{text-decoration:none;color:inherit}.container{width:min(1140px,92%);margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:14px;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.navin{display:flex;align-items:center;justify-content:space-between;min-height:76px}
.logo{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--navy)}
.logo-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),var(--navy));color:#fff;font-size:23px}
.logo small{display:block;color:var(--green);letter-spacing:3px;font-size:10px}
.links{display:flex;gap:24px;align-items:center;font-weight:700;font-size:14px}
.links a:hover{color:var(--green)}
.menu{display:none;border:0;background:none;font-size:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 21px;font-weight:800;cursor:pointer}
.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#176e28}
.btn-dark{background:var(--navy);color:#fff}.btn-light{background:#fff;color:var(--navy);box-shadow:var(--shadow)}
.hero{padding:85px 0;background:radial-gradient(circle at 85% 20%,#dff1dc 0,transparent 34%),linear-gradient(135deg,#fff,#eef7f1)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}
.eyebrow{color:var(--green);font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:13px}
h1{font-size:clamp(42px,6vw,68px);line-height:1.04;margin:14px 0 18px;color:var(--navy)}
h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:0 0 15px;color:var(--navy)}
h3{margin:8px 0;color:var(--navy)}
.lead{font-size:19px;color:var(--muted);max-width:680px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#e2f4df;right:-60px;top:-70px}
.clinic-art{height:310px;border-radius:22px;background:linear-gradient(135deg,#edf6ef,#dce9f3);display:grid;place-items:center;position:relative;overflow:hidden}
.clinic-art:after{content:"PHYSIO • REHAB • WELLNESS";position:absolute;bottom:20px;letter-spacing:2px;font-weight:900;color:var(--navy)}
.table{width:70%;height:55px;border-radius:8px;background:var(--navy);position:absolute;bottom:62px}
.ball{width:54px;height:54px;border-radius:50%;background:#8ab6d4;position:absolute;bottom:68px;left:17%}
.plant{position:absolute;right:12%;bottom:45px;font-size:70px}
.section{padding:78px 0}.section.alt{background:#fff}.center{text-align:center}.sub{color:var(--muted);max-width:760px;margin:0 auto 38px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 8px 25px rgba(8,40,77,.05)}
.icon{width:50px;height:50px;border-radius:15px;background:#e8f5e7;color:var(--green);display:grid;place-items:center;font-size:23px}
.tag{display:inline-block;background:#eaf5e8;color:#216c2d;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.about-box{background:var(--navy);color:#fff;border-radius:30px;padding:35px;box-shadow:var(--shadow)}
.about-box h3{color:#fff}.about-box li{margin:10px 0}
.membership{background:linear-gradient(135deg,var(--navy),#0c3c69);color:#fff;border-radius:32px;padding:42px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.membership h2{color:#fff}.price{font-size:50px;font-weight:950;color:#9bdd55}.price small{font-size:16px;color:#fff}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.stat{background:#ffffff14;border:1px solid #ffffff2b;padding:18px;border-radius:18px;text-align:center}.stat b{font-size:25px;display:block}
.doctor{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:center}.portrait{min-height:330px;border-radius:28px;background:linear-gradient(145deg,#dfeef0,#f7fafc);display:grid;place-items:center;font-size:90px}
.cta{background:linear-gradient(120deg,#dff2dc,#fff);border:1px solid #cfe4d0;border-radius:30px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-item{display:flex;gap:15px;align-items:flex-start}.contact-item strong{display:block;color:var(--navy)}
.form{background:#fff;border:1px solid var(--line);padding:28px;border-radius:24px}.form input,.form textarea,.form select{width:100%;padding:13px 14px;border:1px solid #ccd7df;border-radius:12px;margin:7px 0 14px;font:inherit}.form textarea{min-height:120px}
.faq details{background:#fff;border:1px solid var(--line);padding:18px 20px;border-radius:16px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer;color:var(--navy)}
footer{background:var(--navy);color:#dbe7f2;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}.footer-logo{color:#fff}.copy{border-top:1px solid #ffffff22;margin-top:35px;padding-top:20px;font-size:13px}
.float-wa{position:fixed;right:20px;bottom:20px;background:#20b45a;color:#fff;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:27px;box-shadow:0 12px 30px #0003;z-index:80}
.page-hero{padding:65px 0;background:linear-gradient(135deg,#eaf6e8,#fff)}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:18px}
.list{padding-left:20px}.list li{margin:8px 0}
@media(max-width:850px){
 .links{display:none}.menu{display:block}.hero-grid,.about,.doctor,.membership,.contact-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.hero{padding:55px 0}.section{padding:55px 0}
}
@media(max-width:520px){.grid-3,.grid-4,.stats{grid-template-columns:1fr}.topbar .container{justify-content:center;text-align:center}.actions .btn{width:100%}.cta{flex-direction:column;align-items:flex-start}}