:root{--ink:#071719;--aqua:#43d9d1;--white:#fff;--muted:#9cb0b1;--dark:#091718;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#edf7f7;font-family:"DM Sans",Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.floating-nav{position:fixed;top:20px;left:50%;z-index:20;width:min(760px,calc(100% - 32px));height:56px;transform:translateX(-50%);padding:7px 8px 7px 16px;display:flex;align-items:center;gap:28px;border:1px solid rgba(255,255,255,.28);border-radius:19px;background:rgba(15,34,35,.76);backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:9px;font-weight:500;white-space:nowrap}.logo span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--white);color:var(--ink)}nav{display:flex;gap:22px;margin-left:auto;font-size:14px;color:rgba(255,255,255,.78)}nav a:hover{color:white}.pill{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;border-radius:9999px;cursor:pointer}.primary{background:var(--white);color:var(--ink)}.compact{min-height:40px;padding:0 16px;font-size:14px}.menu{display:none;width:40px;height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent}.menu span{display:block;width:16px;height:1px;margin:4px 0;background:white;transition:transform .2s,opacity .2s}.menu[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu[aria-expanded="true"] span:nth-child(2){opacity:0}.menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.hero{min-height:760px;padding:92px max(24px,calc((100vw - var(--max))/2)) 56px;display:flex;align-items:center;color:var(--ink);background-image:linear-gradient(90deg,rgba(229,250,249,.98) 0%,rgba(229,250,249,.91) 32%,rgba(229,250,249,.25) 58%,rgba(229,250,249,0) 75%),url("assets/kamdent-hero.png");background-position:center;background-size:cover}.hero-copy{width:min(580px,50vw)}.hero h1{margin:0 0 38px;font-size:clamp(58px,6vw,88px);line-height:.96;font-weight:500}.hero-points{margin:0 0 36px}.hero-points p{margin:12px 0;display:flex;align-items:center;gap:12px;font-size:17px}.hero-points i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.72);font-style:normal}
.intro{max-width:var(--max);margin:auto;padding:116px 0}.intro-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.intro h2,.diagnostics h2,.prices h2,.appointment h2{margin:0;font:500 clamp(38px,5vw,58px)/1.02 Geist,sans-serif}.intro-heading>p{max-width:430px;margin:0;color:#a8babb;font:400 18px/1.5 Geist,sans-serif}.service-list{margin-top:64px}.service-list button{width:100%;min-height:82px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-bottom:1px solid rgba(255,255,255,.16);background:transparent;color:#edf7f7;text-align:left;font:500 clamp(22px,3vw,38px)/1.2 Geist,sans-serif;cursor:pointer}.service-list small{color:#93a9aa;font-size:14px}
.diagnostics{max-width:var(--max);margin:0 auto 110px;padding:88px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:1.25fr .75fr;gap:64px}.diagnostics h2{max-width:720px}.diagnostics-copy{align-self:end}.diagnostics-copy p{max-width:460px;margin:0 0 30px;color:#afc0c1;font:18px/1.55 Geist,sans-serif}.ghost-button{display:inline-flex;padding:11px 14px;border:1px solid rgba(255,255,255,.35);border-radius:10px}.diagnostic-facts{grid-column:1/-1;margin:70px 0 0;display:grid;grid-template-columns:repeat(3,1fr)}.diagnostic-facts div{min-height:128px;padding:20px 24px;border-left:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:space-between}.diagnostic-facts div:last-child{border-right:1px solid rgba(255,255,255,.18)}.diagnostic-facts dt{color:#6c8586}.diagnostic-facts dd{margin:0;font:500 24px/1.2 Geist,sans-serif}
.prices{max-width:var(--max);margin:auto;padding:0 0 120px;display:grid;grid-template-columns:.78fr 1.22fr;gap:100px}.price-list div{min-height:72px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(255,255,255,.15)}.price-list b{white-space:nowrap}.price-list p{color:#849b9c;font-size:13px}.appointment{max-width:var(--max);margin:0 auto 30px;padding:74px;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-radius:40px;background:linear-gradient(125deg,#cafffb,#65d9dd 55%,#4b7de0);color:var(--ink)}.appointment>div>p{max-width:420px;font-size:18px}.appointment form{display:flex;flex-direction:column;justify-content:center}.appointment label{margin-bottom:20px}.appointment label span{display:block;margin-bottom:6px;font-size:12px}.appointment input{width:100%;padding:14px 0;border:0;border-bottom:1px solid rgba(7,23,25,.32);outline:0;background:transparent}.appointment form small{margin-top:12px;color:#416365}footer{max-width:var(--max);margin:auto;padding:60px 0;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}footer small{color:#789092}footer p{line-height:1.5}.toast{position:fixed;left:50%;bottom:22px;z-index:30;transform:translate(-50%,100px);padding:12px 18px;border-radius:999px;background:white;color:var(--ink);opacity:0;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.hero{min-height:700px;background-position:62% center}.hero-copy{width:60vw}.intro,.diagnostics,.prices,footer{margin-left:24px;margin-right:24px}.intro-heading,.diagnostics,.prices{grid-template-columns:1fr}.intro-heading,.diagnostics,.prices{gap:36px}.diagnostic-facts{margin-top:30px}.appointment{margin:0 20px 20px;padding:50px 30px;grid-template-columns:1fr;gap:50px}footer{grid-template-columns:1fr 1fr}.floating-nav{width:calc(100% - 24px)}.floating-nav nav{position:absolute;top:64px;left:0;width:100%;padding:10px;display:flex;flex-direction:column;gap:0;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(9,23,24,.96);box-shadow:0 18px 40px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.floating-nav nav.open{opacity:1;visibility:visible;transform:translateY(0)}.floating-nav nav a{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.floating-nav nav a:last-child{border-bottom:0}.floating-nav .compact{margin-left:auto}.menu{display:block}}
@media(max-width:560px){.hero{min-height:760px;padding:92px 18px 44px;align-items:center;background-image:linear-gradient(0deg,rgba(229,250,249,.98) 0%,rgba(229,250,249,.88) 47%,rgba(229,250,249,.08) 78%),url("assets/kamdent-hero.png");background-position:82% center}.hero-copy{width:100%;transform:translateY(18px)}.hero h1{margin-bottom:26px;font-size:48px}.hero-points p{font-size:15px}.intro{padding:84px 0}.intro-heading{gap:26px}.intro-heading>p{font-size:16px}.service-list{margin-top:42px}.service-list button{min-height:70px}.diagnostics{padding:70px 0}.diagnostic-facts{grid-template-columns:1fr}.diagnostic-facts div,.diagnostic-facts div:last-child{min-height:96px;border-right:0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}.prices{padding-bottom:84px}.appointment{border-radius:28px}.appointment h2{font-size:38px}footer{grid-template-columns:1fr}.floating-nav .compact{display:none}.floating-nav .menu{margin-left:auto}}