:root{--navy:#0b3d4a;--navy-deep:#062832;--teal:#0f766e;--teal-soft:#14b8a6;--gold:#c9a227;--gold-soft:#f3e6b8;--ink:#14242a;--muted:#5b6d74;--line:#d7e4e6;--paper:#f6fafb;--white:#fff;--shadow:0 18px 40px #0b3d4a1a;--radius:18px;--sans:"Poppins", system-ui, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--paper);margin:0;line-height:1.6}#root{min-height:100svh}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin:0}.site{color:var(--ink)}.container{width:min(1120px,100% - 32px);margin-inline:auto}.header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f6fafbeb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--line);background:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.nav{align-items:center;gap:6px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav a:hover,.nav a:focus-visible{color:var(--navy);background:#e8f3f4}.header-cta{gap:8px;display:flex}.menu-toggle{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:10px;padding:8px 10px;display:none}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--teal);color:var(--white)}.btn-primary:hover{background:#0c635c}.btn-ghost{color:var(--navy);border:1px solid var(--line);background:0 0}.btn-gold{background:var(--gold);color:var(--navy-deep)}.hero{padding:48px 0 28px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;display:grid}.eyebrow{color:var(--teal);letter-spacing:.04em;text-transform:uppercase;background:#e7f7f4;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-.03em;margin:16px 0 12px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.12}.hero p{color:var(--muted);max-width:58ch;font-size:1.05rem}.hero-actions,.hero-badges{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.badge{background:var(--white);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.badge-gold{background:var(--gold-soft);border-color:#e6d48a}.hero-carousel{min-height:340px;box-shadow:var(--shadow);background:var(--navy);border-radius:28px;position:relative;overflow:hidden}.carousel-track{height:100%;min-height:340px;position:relative}.carousel-slide{opacity:0;pointer-events:none;margin:0;transition:opacity .45s;position:absolute;inset:0}.carousel-slide.is-active{opacity:1;pointer-events:auto}.carousel-slide img{object-fit:cover;width:100%;height:100%;min-height:340px;display:block}.carousel-slide figcaption{color:var(--white);background:linear-gradient(#0000,#062832d9);padding:56px 20px 44px;font-size:1.05rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.carousel-nav{width:36px;height:36px;color:var(--navy);cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav.prev{left:12px}.carousel-nav.next{right:12px}.carousel-dots{z-index:1;justify-content:center;gap:8px;display:flex;position:absolute;bottom:12px;left:0;right:0}.carousel-dots button{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:8px;height:8px;padding:0}.carousel-dots button.is-active{background:var(--white);border-radius:999px;width:18px}.section{padding:64px 0}.section-head{max-width:640px;margin-bottom:28px}.section-head h2{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.2rem)}.section-head p{color:var(--muted)}.cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.contact-cards{grid-template-columns:repeat(4,1fr)}.contact-card{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.contact-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.contact-icon{width:46px;height:46px;color:var(--teal);background:#e7f7f4;border-radius:14px;place-items:center;margin-bottom:12px;display:grid}.contact-icon svg{width:22px;height:22px}.contact-card p{overflow-wrap:anywhere}.review-cards{grid-template-columns:repeat(4,1fr)}.review-card .review-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.review-card h3{margin:0;font-size:.98rem}.google-mark{border:1px solid var(--line);color:#4285f4;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.stars{letter-spacing:2px;margin:4px 0 10px;color:#f4b400!important;font-size:.95rem!important}.review-cta{margin-top:20px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 8px 18px #0b3d4a0a}.card h3{margin:0 0 8px;font-size:1.05rem}.card p,.card span{color:var(--muted);font-size:.95rem}.doctor-meta{margin-top:10px;font-weight:700;display:block;color:var(--teal)!important}.bpjs{color:var(--white);background:linear-gradient(90deg,#0f766e,#0b4f6c);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.bpjs h2{margin-bottom:6px}.bpjs p{color:#d9f3ef;max-width:60ch}.schedule-wrap{background:var(--white);border:1px solid var(--line);border-radius:20px;max-height:min(70vh,560px);overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:820px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;background:var(--white);padding:14px 12px;font-size:14px}th{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);z-index:3;background:#eef6f7;font-size:12px;position:sticky;top:0}th:first-child,td:first-child{z-index:2;min-width:160px;position:sticky;left:0;box-shadow:6px 0 8px #0b3d4a0f}th:first-child{z-index:4;background:#eef6f7}td:first-child{background:var(--white)}.off{color:#b0bec2}.location-grid{grid-template-columns:.9fr 1.1fr;gap:20px;display:grid}.map{border:0;border-radius:20px;width:100%;min-height:340px}.contact-list{margin:16px 0 0;padding:0;list-style:none}.contact-list li{margin-bottom:10px}.contact-list a{color:var(--teal);font-weight:700}.footer{background:var(--navy-deep);color:#c9dde1;padding:28px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer strong{color:var(--white)}@media (width<=960px){.hero-grid,.location-grid,.cards,.contact-cards,.review-cards{grid-template-columns:1fr 1fr}.nav{display:none}.nav.open{background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;padding:12px;display:flex;position:absolute;top:76px;left:0;right:0}.menu-toggle{display:inline-flex}.header{position:relative}.header.sticky-open,.header{position:sticky}}@media (width<=640px){.hero-grid,.location-grid,.cards,.contact-cards,.review-cards,.bpjs{grid-template-columns:1fr}.bpjs{flex-direction:column;align-items:flex-start}.header-cta .btn-ghost{display:none}}