:root{--navy:#0f2340;--teal:#1a6b72;--teal-light:#2a9aa3;--gold:#c89b5a;--cream:#f8f4ee;--white:#fff;--gray:#6b7280;--light:#e9f4f5}html{scroll-behavior:smooth}.landing-body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--navy);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:1.2rem 5vw;background:rgba(15,35,64,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(200,155,90,.2)}.landing-nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:.8rem;text-decoration:none}.nav-logo{width:44px;height:44px;display:block;flex-shrink:0;-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:10px;padding:4px;box-shadow:0 2px 10px rgba(0,0,0,.08)}.nav-name{font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:400;color:var(--white);line-height:1.2}.nav-name span{color:var(--gold);font-style:italic}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;align-items:center}.nav-links a{color:hsla(0,0%,100%,.75);text-decoration:none;font-size:.85rem;font-weight:300;letter-spacing:.05em;text-transform:uppercase;transition:color .25s}.nav-links a:hover{color:var(--gold)}.nav-cta{background:var(--gold);color:var(--navy)!important;padding:.45rem 1.2rem;border-radius:2rem;font-weight:500!important;transition:background .25s,transform .2s!important}.nav-cta:hover{background:#d4a96a!important;transform:translateY(-1px)}.nav-login{color:var(--gold)!important;border:1px solid var(--gold);padding:.45rem 1.2rem;border-radius:2rem;transition:background .2s!important}.nav-login:hover{background:rgba(200,155,90,.1)!important;color:var(--gold)!important}#hero{min-height:100vh;background:linear-gradient(135deg,var(--navy) 0,#163854 55%,var(--teal) 100%);display:grid;place-items:center;position:relative;overflow:hidden;padding:0 5vw}.hero-bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(26,107,114,.25) 0,transparent 70%)}.hero-bg-circle.c1{width:700px;height:700px;top:-200px;right:-150px}.hero-bg-circle.c2{width:400px;height:400px;bottom:-100px;left:-50px;background:radial-gradient(circle,rgba(200,155,90,.12) 0,transparent 70%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;width:100%;position:relative;z-index:1;padding-top:5rem}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(200,155,90,.15);border:1px solid rgba(200,155,90,.4);border-radius:2rem;padding:.3rem 1rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;animation:fadeUp .8s ease both}.hero-logo-img{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;margin-bottom:1.2rem;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25))}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:300;line-height:1.1;color:var(--white);animation:fadeUp .8s ease .15s both}.hero-title em{font-style:italic;color:var(--gold)}.hero-sub{margin-top:1.2rem;font-size:1rem;font-weight:300;color:hsla(0,0%,100%,.65);line-height:1.7;animation:fadeUp .8s ease .3s both}.hero-actions{margin-top:2.2rem;display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .8s ease .45s both}.btn-primary{background:var(--gold);color:var(--navy);padding:.75rem 2rem;border-radius:2rem;font-weight:500;font-size:.9rem;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px rgba(200,155,90,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(200,155,90,.45);color:var(--navy)}.btn-outline{border:1px solid hsla(0,0%,100%,.35);color:var(--white);padding:.75rem 2rem;border-radius:2rem;font-weight:300;font-size:.9rem;text-decoration:none;transition:border-color .2s,background .2s}.btn-outline:hover{border-color:var(--gold);background:rgba(200,155,90,.1);color:var(--white)}.hero-stats{margin-top:3rem;display:flex;gap:2.5rem;animation:fadeUp .8s ease .6s both}.stat-num{font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:600;color:var(--gold)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:hsla(0,0%,100%,.5);margin-top:.1rem}.hero-right{animation:fadeUp .8s ease .2s both}.hero-card-wrap{position:relative}.hero-card{background:hsla(0,0%,100%,.06);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.12);border-radius:1.5rem;padding:2rem;overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--teal-light))}.emergency-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.4);border-radius:.5rem;padding:.3rem .8rem;font-size:.75rem;color:#fca5a5;margin-bottom:1.2rem}.pulse-dot{width:7px;height:7px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}.card-title{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:400;color:var(--white);margin-bottom:.5rem}.card-desc{font-size:.85rem;color:hsla(0,0%,100%,.55);line-height:1.6;margin-bottom:1.5rem}.service-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;padding:0;margin:0}.service-list li{gap:.7rem;font-size:.85rem;color:hsla(0,0%,100%,.75)}.service-list li,.svc-icon{display:flex;align-items:center}.svc-icon{width:28px;height:28px;background:rgba(26,107,114,.3);border-radius:.4rem;justify-content:center;font-size:.9rem;flex-shrink:0}.contact-strip{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;gap:.8rem}.phone-btn{background:var(--teal);color:#fff;padding:.5rem 1.2rem;border-radius:2rem;font-size:.82rem;text-decoration:none;transition:background .2s}.phone-btn:hover{background:var(--teal-light);color:#fff}.phone-label{font-size:.75rem;color:hsla(0,0%,100%,.45)}.landing-section{padding:6rem 5vw}.section-inner{max-width:1200px;margin:0 auto}.section-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--teal-light);margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.section-tag:before{content:"";display:inline-block;width:30px;height:1px;background:var(--teal-light)}.section-title{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:300;line-height:1.2;color:var(--navy)}.section-title em{font-style:italic;color:var(--teal)}#layanan{background:var(--white)}.services-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.svc-card{background:var(--cream);border-radius:1rem;padding:1.8rem;transition:transform .3s,box-shadow .3s;cursor:default;border:1px solid transparent}.svc-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(15,35,64,.1);border-color:rgba(26,107,114,.2)}.svc-card-icon{font-size:2rem;margin-bottom:1rem}.svc-card h3{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:400;margin-bottom:.5rem;color:var(--navy)}.svc-card p{font-size:.85rem;color:var(--gray);line-height:1.6;margin-bottom:0}.svc-card-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:1rem;font-size:.8rem;color:var(--teal);text-decoration:none;font-weight:500;transition:gap .2s}.svc-card-link:hover{gap:.6rem;color:var(--teal)}#dokter{background:var(--cream)}.dokter-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}.dokter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.dokter-card{background:var(--white);border-radius:1rem;overflow:hidden;transition:transform .3s,box-shadow .3s}.dokter-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(15,35,64,.12)}.dokter-img{height:180px;background:linear-gradient(135deg,var(--teal) 0,var(--navy) 100%);display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;overflow:hidden}.dokter-img:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,rgba(15,35,64,.4))}.dokter-info{padding:1.1rem}.dokter-info h4{font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}.dokter-info .spesialis{font-size:.75rem;color:var(--teal);font-weight:500}.dokter-schedule{margin-top:.7rem;font-size:.75rem;color:var(--gray);display:flex;align-items:center;gap:.3rem}#berita{background:var(--white)}.news-grid{margin-top:3rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;align-items:start}.news-featured{background:linear-gradient(160deg,var(--navy) 0,var(--teal) 100%);border-radius:1.2rem;overflow:hidden;padding:2.2rem;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.news-featured:before{content:"🏥";position:absolute;top:1.5rem;right:1.5rem;font-size:4rem;opacity:.15}.news-tag{display:inline-block;background:rgba(200,155,90,.25);border:1px solid rgba(200,155,90,.5);border-radius:2rem;padding:.2rem .8rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.news-featured h3{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:300;line-height:1.3;color:var(--white);margin-bottom:.6rem}.news-featured p{font-size:.83rem;color:hsla(0,0%,100%,.6);line-height:1.6;margin:0}.news-date{font-size:.75rem;color:hsla(0,0%,100%,.4);margin-top:.8rem}.news-small{background:var(--cream);border-radius:1rem;padding:1.4rem;transition:transform .25s}.news-small:hover{transform:translateY(-3px)}.news-small h4{font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:400;color:var(--navy);margin:.6rem 0 .5rem;line-height:1.4}.news-small p{font-size:.8rem;line-height:1.5;margin:0}.news-small .news-date,.news-small p{color:var(--gray)}#fasilitas{background:var(--navy)}#fasilitas .section-title{color:var(--white)}#fasilitas .section-tag{color:var(--gold)}#fasilitas .section-tag:before{background:var(--gold)}.fasilitas-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.fasil-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;padding:1.5rem;text-align:center;transition:background .3s,border-color .3s,transform .3s}.fasil-item:hover{background:rgba(26,107,114,.2);border-color:rgba(26,107,114,.4);transform:translateY(-3px)}.fasil-icon{font-size:2rem;margin-bottom:.8rem}.fasil-item h4{font-size:.85rem;color:hsla(0,0%,100%,.85);font-weight:400;margin:0}#kontak{background:var(--cream)}.kontak-grid{margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.kontak-info h3{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:300;color:var(--navy);margin-bottom:1.5rem;margin-top:0}.info-item{display:flex;gap:1rem;margin-bottom:1.2rem;align-items:flex-start}.info-icon{width:38px;height:38px;background:var(--teal);border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;color:#fff}.info-text strong{display:block;font-size:.85rem;color:var(--navy);font-weight:500}.info-text span{font-size:.82rem;color:var(--gray);line-height:1.5}.jam-grid{margin-top:1.5rem;background:var(--white);border-radius:.8rem;overflow:hidden}.jam-row{display:flex;justify-content:space-between;padding:.7rem 1rem;font-size:.83rem;border-bottom:1px solid var(--cream)}.jam-row:last-child{border-bottom:none}.jam-row strong{color:var(--navy);font-weight:500}.jam-open{color:var(--teal);font-weight:500}.jam-closed{color:#ef4444}.kontak-form{background:var(--white);border-radius:1.2rem;padding:2rem}.kontak-form h3{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400;color:var(--navy);margin-bottom:1.5rem;margin-top:0}.form-group{margin-bottom:1.1rem}.form-group label{display:block;font-size:.78rem;color:var(--gray);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.7rem 1rem;border:1px solid #d1d5db;border-radius:.6rem;font-family:DM Sans,sans-serif;font-size:.9rem;color:var(--navy);background:var(--cream);transition:border-color .2s,box-shadow .2s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(26,107,114,.1)}.form-group textarea{height:90px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-submit{width:100%;background:var(--teal);color:#fff;padding:.8rem;border:none;border-radius:2rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s;margin-top:.5rem}.form-submit:hover{background:var(--teal-light);transform:translateY(-1px)}.landing-footer{background:var(--navy);padding:3rem 5vw 1.5rem;color:hsla(0,0%,100%,.55)}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:2rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.footer-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.footer-logo{width:54px;height:54px;-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:12px;padding:6px;box-shadow:0 2px 12px rgba(0,0,0,.12);flex-shrink:0}.footer-brand-name{font-family:Cormorant Garamond,serif;font-size:1.2rem;color:var(--white);margin-bottom:.5rem}.footer-brand-name span{color:var(--gold);font-style:italic}.footer-tagline{font-size:.82rem;line-height:1.6;margin-bottom:1.2rem}.footer-col h5{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:1rem;margin-top:0}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:.5rem}.footer-col ul a{color:hsla(0,0%,100%,.5);text-decoration:none;font-size:.83rem;transition:color .2s}.footer-col ul a:hover{color:var(--white)}.footer-bottom{padding-top:1.5rem;display:flex;justify-content:space-between;font-size:.78rem;align-items:center}.footer-bottom a{color:var(--gold);text-decoration:none}.accred-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(200,155,90,.1);border:1px solid rgba(200,155,90,.25);border-radius:2rem;padding:.3rem .8rem;font-size:.72rem;color:var(--gold)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:1024px){.dokter-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.fasilitas-grid{grid-template-columns:repeat(3,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media (max-width:768px){.landing-nav{padding:1rem 4vw}.nav-links{display:none}.mobile-hamburger{display:flex!important}.hero-grid{grid-template-columns:1fr;padding-top:6rem}.hero-right{display:none}.kontak-grid,.news-grid{grid-template-columns:1fr}.fasilitas-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}.dokter-grid{grid-template-columns:repeat(2,1fr)}}