:root{--navy:#072a50;--teal:#16a6ae;--gold:#caa451;--ink:#142233;--mist:#eef8f8;--line:#dce8e8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{text-decoration:none;color:inherit}header{height:104px;display:flex;align-items:center;gap:40px;padding:8px max(5vw,28px);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid rgba(7,42,80,.08)}.brand{display:flex;align-items:center}.brand img{width:190px;height:86px;object-fit:contain}nav{display:flex;gap:30px;margin-left:auto;font-weight:600;color:#33495d}nav a:hover{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;padding:16px 25px;border-radius:999px;font-weight:700;transition:.25s}.btn:hover{background:var(--teal);transform:translateY(-2px)}.btn.alt{background:#fff;color:var(--navy)}.btn.ghost{background:transparent;color:var(--navy);border:1px solid var(--navy)}.small{padding:12px 20px}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:680px;background:linear-gradient(90deg,rgba(5,35,67,.97) 0%,rgba(5,35,67,.88) 38%,rgba(5,35,67,.35) 64%,rgba(5,35,67,.05) 100%),url('/assets/hero-klinik-v2.png') center/cover;display:flex;align-items:center;padding:70px max(6vw,34px);color:#fff}.hero .copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:13px;font-weight:700;color:#78d4d7}.hero h1,.pagehero h1{font-family:'Playfair Display',serif;font-size:clamp(46px,6vw,78px);line-height:1.04;margin:15px 0 22px}.hero p{font-size:20px;line-height:1.7;max-width:610px;color:#dce7ed}.actions{display:flex;gap:14px;margin-top:34px}.trust{display:flex;gap:25px;margin-top:50px}.trust span{border-left:2px solid var(--teal);padding-left:14px;font-size:14px}.section{padding:100px max(6vw,34px)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section h2{font-family:'Playfair Display',serif;color:var(--navy);font-size:clamp(35px,4vw,55px);margin:8px 0}.sectionhead p{max-width:530px;color:#607083;line-height:1.7}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{position:relative;min-height:280px;padding:32px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;transition:.3s}.service:before{content:'';position:absolute;inset:auto -40px -70px auto;width:180px;height:180px;border-radius:50%;background:var(--mist);transition:.3s}.service:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(7,42,80,.11);border-color:transparent}.service:hover:before{background:#d9f2f2}.number{font:700 13px 'DM Sans';color:var(--teal);letter-spacing:.12em}.service h3{font:700 25px 'Playfair Display';color:var(--navy);margin:25px 0 12px;max-width:220px}.service p{color:#647587;line-height:1.65;max-width:260px}.arrow{position:absolute;right:28px;bottom:26px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:white;font-size:22px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--mist)}.split .photo{background:url('https://images.rawpixel.com/image_800/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDI1LTEwL3Jhd3BpeGVsb2ZmaWNlNF9hX2RlbnRhbF9jbGluaWNfd2l0aF9hX2RlbnRpc3Rfd2VhcmluZ193aGl0ZV9nbF9jNWRiOTJjYy1hYWYzLTQzMTItOGE2OC0zZGNkMzk5ZjM1NGZfMS5qcGc.jpg') center/cover}.split .content{padding:85px max(6vw,60px);display:flex;flex-direction:column;justify-content:center}.split h2{font:700 48px 'Playfair Display';color:var(--navy);margin:8px 0 20px}.split p{line-height:1.8;color:#526779}.features{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.feature{background:white;padding:20px;border-radius:16px;font-weight:700;color:var(--navy)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:28px;border-top:3px solid var(--teal)}.step b{font:700 38px 'Playfair Display';color:#b8d9da}.step h3{color:var(--navy)}.step p{color:#607083;line-height:1.65}.cta{margin:0 max(4vw,20px) 80px;background:var(--navy);color:#fff;border-radius:32px;padding:70px max(5vw,35px);display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden;position:relative}.cta h2{color:#fff;margin:0;font-size:clamp(34px,4vw,56px)}.cta p{color:#c9d8e3}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.contactcard{background:var(--mist);border-radius:24px;padding:36px}.contactcard a{display:block;font-size:20px;font-weight:700;color:var(--navy);margin:14px 0}.map{min-height:400px;border:0;width:100%;border-radius:24px}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:18px;font-weight:700;color:var(--navy);cursor:pointer}.faq p{color:#607083;line-height:1.7}.pagehero{min-height:500px;background:linear-gradient(115deg,var(--navy),#0a6673);color:#fff;padding:100px max(6vw,34px);display:flex;align-items:center}.pagehero .inner{max-width:850px}.pagehero p{font-size:20px;line-height:1.7;max-width:700px;color:#d6e7ec}.detail{display:grid;grid-template-columns:1.4fr .7fr;gap:70px}.detail h2{font-size:38px}.detail p,.detail li{line-height:1.8;color:#526779}.sidebox{background:var(--mist);padding:30px;border-radius:22px;position:sticky;top:120px}.sidebox h3{font:700 25px 'Playfair Display';color:var(--navy)}.sidebox a{display:flex;padding:13px 0;border-bottom:1px solid #d1e5e5;font-weight:600}.sidebox a.active{color:var(--teal)}footer{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:45px;background:#041f3d;color:#c9d6e0;padding:70px max(6vw,34px)}.footer-brand{max-width:260px}.footer-logo{display:inline-flex;align-items:center;justify-content:center;width:235px;min-height:150px;padding:14px 18px;background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.16)}.footer-logo img{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}.footer-brand p{margin-top:22px}footer h3{color:#fff}footer a{display:block;margin:10px 0}.mobilebar{display:none}@media(max-width:900px){header{height:82px;padding:5px 20px}.brand img{width:132px;height:70px}header>.btn{display:none}.menu{display:block;margin-left:auto}nav{display:none;position:absolute;left:0;right:0;top:75px;background:#fff;padding:25px;flex-direction:column;box-shadow:0 15px 30px #0001}nav.open{display:flex}.hero{min-height:670px;background-position:62% center}.hero h1{font-size:48px}.trust{flex-wrap:wrap}.services,.steps{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.split .photo{min-height:450px}.detail,.contact{grid-template-columns:1fr}.sidebox{position:static}footer{grid-template-columns:1fr 1fr;padding-bottom:100px}.mobilebar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:30;box-shadow:0 -5px 20px #0002}.mobilebar a{text-align:center;padding:16px 8px;color:var(--navy);font-weight:700;border-right:1px solid var(--line)}}@media(max-width:600px){.section{padding:75px 22px}.hero{padding:55px 22px}.hero h1{font-size:41px}.hero p{font-size:17px}.actions{flex-direction:column;align-items:stretch}.services,.steps,.features{grid-template-columns:1fr}.sectionhead,.cta{align-items:flex-start;flex-direction:column}.service{min-height:245px}.split .photo{min-height:330px}.split .content{padding:60px 24px}.split h2{font-size:38px}.pagehero{padding:80px 22px;min-height:430px}.pagehero h1{font-size:43px}.detail{gap:35px}footer{grid-template-columns:1fr}.contact{gap:25px}}