@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";:root{--color-primary-950: #030B12;--color-primary-900: #071520;--color-primary-800: #0D2137;--color-primary-700: #152E4D;--color-accent: #1A9E8F;--color-accent-dark: #137A6E;--color-accent-light: #3DBFB0;--color-accent-tint: rgba(26,158,143,.1);--color-info: #2E90D4;--color-info-dark: #1E6FA8;--color-info-light: #6BB8E8;--color-neutral-50: #F8FAFB;--color-neutral-100: #EFF4F7;--color-neutral-200: #DDE6EC;--color-neutral-400: #9EB5C2;--color-neutral-600: #5C7A8A;--color-neutral-800: #2C4050;--color-neutral-900: #162030;--color-surface-card: #0A1C2E;--color-surface-raised: #0F2540;--color-surface-light: #F8FAFB;--color-surface-overlay: rgba(3,11,18,.8);--color-text-primary: #EFF4F7;--color-text-secondary: #9EB5C2;--color-text-muted: #5C7A8A;--color-text-on-light: #162030;--color-text-secondary-light: #2C4050;--color-text-muted-light: #5C7A8A;--color-success: #22C55E;--color-error: #EF4444;--color-warning: #F59E0B;--color-bpjs: #1D6FA8;--color-umum: #1A9E8F;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 3px rgba(0,0,0,.2);--shadow-sm: 0 2px 8px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.28);--shadow-lg: 0 8px 28px rgba(0,0,0,.32);--shadow-xl: 0 16px 48px rgba(0,0,0,.38);--shadow-accent: 0 4px 20px rgba(26,158,143,.22);--shadow-card: 0 2px 12px rgba(0,0,0,.28), 0 0 0 1px rgba(26,158,143,.08);--dur-instant: .1s;--dur-fast: .15s;--dur-base: .2s;--dur-moderate: .28s;--dur-enter: .35s;--dur-slow: .48s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.1, .64, 1);--container-width: 1100px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--text-base);line-height:1.7;color:var(--color-text-primary);background-color:var(--color-primary-950);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.2;letter-spacing:-.01em;font-weight:700}a{color:inherit;text-decoration:none;transition:all var(--dur-base) var(--ease-standard)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--dur-base) var(--ease-standard)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-8)}@media (max-width: 768px){.container{padding:0 var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);gap:var(--space-2);transition:all var(--dur-base) var(--ease-standard)}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-dark);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn-secondary{background-color:transparent;border:1px solid var(--color-primary-700);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-primary-800);border-color:var(--color-accent-light)}section{padding:var(--space-20) 0}@media (max-width: 768px){section{padding:var(--space-12) 0}}section.light-bg{background-color:var(--color-surface-light);color:var(--color-text-on-light)}section.dark-bg{background-color:var(--color-primary-900);color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.badge-bpjs{background-color:var(--color-bpjs);color:#fff}.badge-umum{background-color:var(--color-umum);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-accent);color:#fff;padding:8px;z-index:100}.skip-link:focus{top:0}.navbar{position:fixed;top:0;left:0;width:100%;height:64px;background-color:var(--color-primary-800);border-bottom:1px solid var(--color-primary-700);z-index:1000}.navbar-container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:800}.logo-text span{color:var(--color-accent-light)}.nav-links{display:flex;list-style:none;gap:var(--space-8)}.nav-links a{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);position:relative;padding-bottom:4px}.nav-links a:hover,.nav-links a.active{color:var(--color-accent-light)}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-accent)}.nav-actions{display:flex;align-items:center;gap:var(--space-6)}.nav-phone{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.menu-toggle{display:none;flex-direction:column;gap:6px;width:30px}.menu-toggle span{display:block;width:100%;height:2px;background-color:var(--color-text-primary);transition:all var(--dur-base)}@media (max-width: 991px){.nav-links{display:none}.menu-toggle{display:flex}}.hero{background-color:var(--color-primary-900);padding-top:calc(64px + var(--space-20));overflow:hidden}.hero-container{display:grid;grid-template-columns:55fr 45fr;align-items:center;gap:var(--space-12)}.hero-label{color:var(--color-accent-light);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.hero-title{font-size:var(--text-6xl);font-weight:800;margin-bottom:var(--space-6)}.hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:520px;margin-bottom:var(--space-10)}.hero-cta{display:flex;gap:var(--space-4);margin-bottom:var(--space-12)}.hero-quick-access{display:flex;gap:var(--space-8);font-size:var(--text-sm);font-weight:600}.quick-info{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.success{background-color:var(--color-success)}.status-dot.warning{background-color:var(--color-warning)}.status-dot.muted{background-color:var(--color-neutral-400)}.hero-image img{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);object-fit:cover}@media (max-width: 991px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:var(--text-4xl)}.hero-description{margin:0 auto var(--space-10)}.hero-cta{justify-content:center}.hero-quick-access{justify-content:center;flex-direction:column;gap:var(--space-4)}.hero-image{order:-1}}.info-strip{background-color:var(--color-surface-raised);border-top:1px solid var(--color-primary-700);border-bottom:1px solid var(--color-primary-700);padding:var(--space-8) 0}.info-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.info-item h3{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.info-item p{font-size:var(--text-base);font-weight:600}.info-item .small-note{font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted);margin-top:var(--space-1)}.status-badge{color:var(--color-success)}.info-item.emergency p a{color:var(--color-error);font-weight:700}@media (max-width: 768px){.info-strip-grid{grid-template-columns:1fr 1fr}}.section-header{margin-bottom:var(--space-12)}.section-header.centered{text-align:center}.section-header h2{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.layanan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-8)}.layanan-card{background-color:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;transition:all var(--dur-base) var(--ease-standard);box-shadow:var(--shadow-sm)}.layanan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--color-accent)}.layanan-icon{margin-bottom:var(--space-6)}.layanan-card h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}.layanan-card p{font-size:var(--text-sm);color:var(--color-text-secondary-light);margin-bottom:var(--space-8);flex-grow:1}.layanan-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--color-neutral-100)}.layanan-card .price{font-weight:700;font-size:var(--text-sm);color:var(--color-accent)}.referral-info{background-color:var(--color-neutral-50);border-style:dashed}.referral-list{list-style:none;font-size:var(--text-sm);color:var(--color-text-muted-light)}.referral-list li{position:relative;padding-left:var(--space-6);margin-bottom:8px}.referral-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent)}.section-footer-note{margin-top:var(--space-12);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.dokter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--space-10)}.dokter-card{background-color:var(--color-surface-card);border-radius:var(--radius-2xl);overflow:hidden;display:flex;box-shadow:var(--shadow-md)}.dokter-img{width:40%}.dokter-img img{width:100%;height:100%;object-fit:cover}.dokter-info{width:60%;padding:var(--space-8)}.dokter-info h3{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.specialty{color:var(--color-accent-light);font-weight:600;margin-bottom:var(--space-2)}.str{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-6)}.schedule{margin-bottom:var(--space-6);padding:var(--space-4);background-color:#ffffff0d;border-radius:var(--radius-lg)}.schedule h4{font-size:var(--text-sm);margin-bottom:var(--space-2)}.schedule ul{list-style:none;font-size:var(--text-sm);color:var(--color-text-secondary)}.doctor-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600}@media (max-width: 576px){.dokter-grid{grid-template-columns:1fr}.dokter-card{flex-direction:column}.dokter-img{width:100%;height:250px}.dokter-info{width:100%}}.bpjs-container{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-16);align-items:start}.stepper{display:flex;flex-direction:column;gap:var(--space-8)}.step{display:flex;gap:var(--space-6)}.step-number{flex-shrink:0;width:48px;height:48px;background-color:var(--color-accent-tint);border:2px solid var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-weight:800;font-size:var(--text-xl)}.step-text h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.step-text p{font-size:var(--text-base);color:var(--color-text-secondary-light)}.bpjs-info-panel{background-color:var(--color-neutral-100);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200)}.bpjs-info-panel h3{margin-bottom:var(--space-6)}.info-group{margin-bottom:var(--space-8)}.info-group h4{font-size:var(--text-sm);margin-bottom:var(--space-4);color:var(--color-text-muted-light)}.info-group ul{list-style:none}.info-group li{font-size:var(--text-sm);margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative}.info-group li:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.external-link{font-size:var(--text-sm);font-weight:700;color:var(--color-info-dark)}@media (max-width: 991px){.bpjs-container{grid-template-columns:1fr}}.form-container{max-width:680px;margin:0 auto}.booking-form{background-color:var(--color-primary-800);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-lg)}.form-section{margin-bottom:var(--space-10)}.form-section h3{font-size:var(--text-sm);text-transform:uppercase;color:var(--color-accent-light);letter-spacing:.1em;margin-bottom:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-primary-700)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.form-group.full{grid-column:span 2}.form-group label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;background-color:var(--color-primary-900);border:1px solid var(--color-primary-700);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:#fff;font-size:var(--text-base);transition:all var(--dur-base)}.form-group input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px var(--color-accent-tint)}.field-info{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px}.radio-group{display:flex;gap:var(--space-6);margin-top:var(--space-2)}.radio-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.btn-full{width:100%;margin-top:var(--space-4);padding:var(--space-4)}.form-disclaimer{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.hidden{display:none}.booking-result{background-color:#fff;color:var(--color-text-on-light);padding:var(--space-10);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl)}.success-header{color:var(--color-success);margin-bottom:var(--space-6);font-size:var(--text-2xl)}.booking-summary{margin-bottom:var(--space-8);text-align:left;background:var(--color-neutral-50);padding:var(--space-6);border-radius:var(--radius-lg)}@media (max-width: 576px){.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:span 1}.booking-form{padding:var(--space-6)}}.lokasi-container{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-12);align-items:center}.maps-box{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);height:400px}.maps-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-neutral-100);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:-1}.address-block{margin:var(--space-6) 0}.address-main{font-size:var(--text-lg);font-weight:700}.address-landmark{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary-light)}@media (max-width: 991px){.lokasi-container{grid-template-columns:1fr}}.faq-accordion{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--color-primary-700)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0;text-align:left;font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.faq-question:after{content:"+";font-size:var(--text-2xl);color:var(--color-accent-light);transition:transform var(--dur-base)}.faq-item.active .faq-question:after{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:all var(--dur-moderate) var(--ease-standard)}.faq-item.active .faq-answer{max-height:200px;padding-bottom:var(--space-6)}.faq-answer p{color:var(--color-text-secondary)}.footer{background-color:var(--color-primary-950);padding:var(--space-20) 0 0;border-top:1px solid var(--color-primary-700)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12);padding-bottom:var(--space-12)}.footer-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-6)}.license,.accreditation,.established{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:4px}.footer-emergency{margin-top:var(--space-6);padding:var(--space-4);background-color:#ef44441a;border-left:3px solid var(--color-error);font-size:var(--text-sm)}.footer-emergency .highlight{color:var(--color-error);font-weight:700}.footer-col h4{margin-bottom:var(--space-6)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-3)}.footer-links a{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-bottom{border-top:1px solid var(--color-primary-800);padding:var(--space-8) 0;text-align:center;font-size:var(--text-xs);color:var(--color-text-muted)}.footer-disclaimer{margin-top:var(--space-4);max-width:800px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr}}