*,:after,:before{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(234, 217, 157, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }*,:after,:before{box-sizing:border-box;border:0 solid #e2e4df}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),Inter,ui-sans-serif,system-ui;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}button,input{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}button,input:where([type=button]){-webkit-appearance:button;background-color:transparent;background-image:none}figure,h1,h2,h3,p,pre{margin:0}dialog{padding:0}[role=button],button{cursor:pointer}embed,img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-2{bottom:-.5rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-6{left:1.5rem}.right-6{right:1.5rem}.top-0{top:0}.top-28{top:7rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.m-6{margin:1.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-9{height:2.25rem}.h-\[380px\]{height:380px}.h-dvh{height:100dvh}.h-full{height:100%}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-\[320px\]{min-height:320px}.min-h-\[340px\]{min-height:340px}.min-h-\[380px\]{min-height:380px}.w-0{width:0}.w-0\.5{width:.125rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-\[min\(88vw\,380px\)\]{width:min(88vw,380px)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[86\%\]{min-width:86%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-ew-resize{cursor:ew-resize}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_120px\]{grid-template-columns:1fr 120px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-2{row-gap:.5rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(239 241 236 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dental{--tw-border-opacity: 1;border-color:rgb(230 204 130 / var(--tw-border-opacity, 1))}.border-navy\/15{border-color:#11121426}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(239 241 236 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 228 223 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/60{border-color:#fff9}.border-white\/70{border-color:#ffffffb3}.border-white\/80{border-color:#fffc}.border-white\/90{border-color:#ffffffe6}.bg-\[\#fafaf8\]{--tw-bg-opacity: 1;background-color:rgb(250 250 248 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(247 241 223 / var(--tw-bg-opacity, 1))}.bg-dental{--tw-bg-opacity: 1;background-color:rgb(230 204 130 / var(--tw-bg-opacity, 1))}.bg-navy{--tw-bg-opacity: 1;background-color:rgb(17 18 20 / var(--tw-bg-opacity, 1))}.bg-navy\/25{background-color:#11121440}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(239 241 236 / var(--tw-bg-opacity, 1))}.bg-slate-400{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(247 248 246 / var(--tw-bg-opacity, 1))}.bg-slate-50\/60{background-color:#f7f8f699}.bg-soft{--tw-bg-opacity: 1;background-color:rgb(247 248 246 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/70{background-color:#ffffffb3}.bg-white\/75{background-color:#ffffffbf}.bg-white\/80{background-color:#fffc}.bg-\[linear-gradient\(135deg\,\#171511\,\#252628\)\]{background-image:linear-gradient(135deg,#171511,#252628)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-navy\/30{--tw-gradient-from: rgba(17, 18, 20, .3) var(--tw-gradient-from-position);--tw-gradient-to: rgba(17, 18, 20, 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-navy\/55{--tw-gradient-from: rgba(17, 18, 20, .55) var(--tw-gradient-from-position);--tw-gradient-to: rgba(17, 18, 20, 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-navy\/5{--tw-gradient-to: rgba(17, 18, 20, 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgba(17, 18, 20, .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white\/0{--tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position)}.to-white\/10{--tw-gradient-to: hsla(0, 0%, 100%, .1) var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:var(--font-inter),Inter,ui-sans-serif,system-ui}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-tight{line-height:1.25}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-tight{letter-spacing:-.025em}.text-amber-400{--tw-text-opacity: 1;color:rgb(240 204 101 / var(--tw-text-opacity, 1))}.text-blue-100{--tw-text-opacity: 1;color:rgb(240 220 159 / var(--tw-text-opacity, 1))}.text-dental{--tw-text-opacity: 1;color:rgb(128 99 22 / var(--tw-text-opacity, 1))}.text-ink{--tw-text-opacity: 1;color:rgb(23 24 25 / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:rgb(100 102 99 / var(--tw-text-opacity, 1))}.text-navy{--tw-text-opacity: 1;color:rgb(23 24 25 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(190 194 186 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/55{color:#ffffff8c}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.shadow-\[0_0_12px_rgba\(15\,23\,42\,0\.35\)\]{box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(15\,23\,42\,0\.35\)\]{--tw-shadow: 0 0 12px rgba(17, 18, 20, .35);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color)}.shadow-premium{box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-premium{--tw-shadow: 0 18px 45px rgba(17, 18, 20, .09);--tw-shadow-colored: 0 18px 45px var(--tw-shadow-color)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-soft{box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow: 0 10px 30px rgba(230, 204, 130, .1);--tw-shadow-colored: 0 10px 30px var(--tw-shadow-color)}.shadow-soft{--tw-shadow-color: #f7f8f6;--tw-shadow: var(--tw-shadow-colored)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white\/70{--tw-ring-color: hsla(0, 0%, 100%, .7)}.backdrop-blur{--tw-backdrop-blur: blur(8px)}.backdrop-blur,.backdrop-blur-md{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-\[clip-path\]{will-change:clip-path}.\[scrollbar-width\:none\]{scrollbar-width:none}:root{color-scheme:light;background:#f7f8f6;--ease-out-ui: cubic-bezier(.22, 1, .36, 1);--ease-press: cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% -8%,rgba(230,204,130,.11),transparent 27rem),radial-gradient(circle at 86% 8%,rgba(230,204,130,.07),transparent 24rem),linear-gradient(180deg,#f7f8f6,#f7f8f6 44%,#f7f8f6);color:#111214;text-rendering:geometricPrecision}::-moz-selection{background:#e6cc8229;color:#111214}::selection{background:#e6cc8229;color:#111214}.container-page{width:min(1320px,calc(100% - 32px));margin-inline:auto}.focus-ring:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#806316}.pressable{transition:transform .16s var(--ease-press),border-color .2s var(--ease-out-ui),background-color .2s var(--ease-out-ui),box-shadow .2s var(--ease-out-ui),color .2s var(--ease-out-ui)}.pressable:active{transform:scale(.98)}.review-text-clamp{display:-webkit-box;max-height:11rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-dental:hover{--tw-border-opacity: 1;border-color:rgb(230 204 130 / var(--tw-border-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(247 241 223 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50\/40:hover{background-color:#f7f1df66}.hover\:bg-blue-50\/60:hover{background-color:#f7f1df99}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(217 187 106 / var(--tw-bg-opacity, 1))}.hover\:bg-dental:hover{--tw-bg-opacity: 1;background-color:rgb(230 204 130 / var(--tw-bg-opacity, 1))}.hover\:bg-soft:hover{--tw-bg-opacity: 1;background-color:rgb(247 248 246 / var(--tw-bg-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(128 99 22 / var(--tw-text-opacity, 1))}.hover\:text-dental:hover{--tw-text-opacity: 1;color:rgb(128 99 22 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-premium:hover{--tw-shadow: 0 18px 45px rgba(17, 18, 20, .09);--tw-shadow-colored: 0 18px 45px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem}.group:hover .group-hover\:translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:640px){.sm\:block{display:block}.sm\:min-w-\[calc\(50\%-0\.625rem\)\]{min-width:calc(50% - .625rem)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-10{padding:2.5rem}.sm\:p-8{padding:2rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_220px\]{grid-template-columns:1fr 220px}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:items-center{align-items:center}.md\:border-b-0{border-bottom-width:0}.md\:border-r{border-right-width:1px}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-w-\[calc\(33\.333\%-0\.875rem\)\]{min-width:calc(33.333% - .875rem)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[0\.55fr_1\.45fr\]{grid-template-columns:.55fr 1.45fr}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[0\.92fr_1\.18fr\]{grid-template-columns:.92fr 1.18fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1fr_0\.9fr\]{grid-template-columns:1fr .9fr}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:grid-cols-\[300px_1fr\]{grid-template-columns:300px 1fr}.lg\:grid-cols-\[320px_1fr\]{grid-template-columns:320px 1fr}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:border-b-0{border-bottom-width:0}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}}@media(min-width:1280px){.xl\:grid-cols-\[0\.9fr_1fr_0\.9fr\]{grid-template-columns:.9fr 1fr .9fr}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url("../assets/fonts/inter-latin-ext.woff2") format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url("../assets/fonts/inter-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0%;size-adjust:107.06%}.__variable_f367f3{--font-inter: "__Inter_f367f3", "__Inter_Fallback_f367f3"}img{max-width:100%}[hidden]{display:none!important}.grid>*{min-width:0}.icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon.fill-current{fill:currentColor}.icon-definitions{position:absolute;overflow:hidden;pointer-events:none}[data-tab][aria-selected=true]{border-color:#806316;background:#f7f1df;color:#806316}.ui-fade{animation:appear .2s ease-out}@keyframes appear{0%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.nav-link[aria-current=page]{color:#806316}.nav-link[aria-current=page] .nav-underline{width:100%}:root {
  --ud-night: #111214;
  --ud-ink: #171819;
  --ud-muted: #646663;
  --ud-blue: #e6cc82;
  --ud-link: #806316;
  --ud-blue-light: #ead99d;
  --ud-paper: #f7f8f6;
  --ud-surface: #ffffff;
  --ud-soft: #f7f1df;
  --ud-header: #ffffff;
  --ud-case-footer: #fafbf9;
  --ud-line: #e2e4df;
  --ud-gold-fill: linear-gradient(135deg, #f3e5b8, #ddbd6a);
  --ud-gold-hover: linear-gradient(135deg, #f8edca, #e6ca7e);
  --ud-shadow: 0 18px 42px #17181914, 0 2px 8px #17181908;
  --ud-gutter: clamp(18px, 4vw, 64px);
  --ud-section-space: clamp(40px, 5vw, 72px);
}

:root[data-theme="dark"] {
  --ud-night: #0d0e0f;
  --ud-ink: #f4f5f2;
  --ud-muted: #b6b8b3;
  --ud-link: #f0da96;
  --ud-paper: #111214;
  --ud-surface: #1c1d1f;
  --ud-soft: #292a2a;
  --ud-header: #151618;
  --ud-case-footer: #252628;
  --ud-line: #3d3f3d;
  --ud-shadow: 0 20px 42px #0006, 0 3px 10px #0004;
}

html {
  scroll-padding-top: 100px;
}

body {
  background: var(--ud-paper);
  color: var(--ud-ink);
  font-family: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
}

.page-inner {
  --ud-section-space: clamp(32px, 3vw, 48px);
}

.container-page {
  width: min(1264px, calc(100% - 2 * var(--ud-gutter)));
  max-width: none;
}

.team-intro {
  width: 100%;
}

.team-intro-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.32fr);
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
}

.team-intro-stats {
  display: grid;
  gap: 0;
  padding-left: clamp(24px, 3vw, 40px);
  border-left: 1px solid var(--ud-line);
}

.team-intro-stats > div {
  padding: 10px 0;
}

.team-intro-stats > div + div {
  border-top: 1px solid var(--ud-line);
}

.contact-details {
  align-content: stretch;
}

.contact-details > [data-reveal] > article {
  height: 100%;
}

.contact-layout,
.contact-primary {
  display: grid;
  gap: 32px;
}

.contact-primary > [data-reveal],
.contact-primary #receptie {
  height: 100%;
}

@media (min-width: 1280px) {
  .contact-layout {
    grid-template-columns: minmax(0, 1.9fr) minmax(0, 0.9fr);
    align-items: start;
  }

  .contact-primary {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
  }
}

.team-photo {
  aspect-ratio: 1;
  overflow: hidden;
  background: #fff;
}

.team-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-photo-surgeon img {
  object-position: center top;
  transform: translate(5%, -5%) scale(1.43);
  transform-origin: center top;
}

.team-photo-rughinis img {
  object-position: center 28%;
  transform: translateY(-16%) scale(1.2);
  transform-origin: center top;
}

.team-photo-calin img {
  object-position: center top;
  transform: translateY(-6%) scale(1.08);
  transform-origin: center top;
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid var(--ud-blue-light);
  outline-offset: 4px;
}

header.bg-transparent {
  padding: 0;
  background: var(--ud-header);
  border-bottom: 1px solid var(--ud-line);
  box-shadow: 0 8px 28px #11121412;
}

header nav.container-page {
  height: 84px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

footer .footer-logo {
  display: block;
  width: 218px;
  max-width: 100%;
  height: auto;
}

header nav .brand-logo {
  width: 208px;
  max-width: 100%;
  height: auto;
}

.brand-logo-light { display: block; }
.brand-logo-dark { display: none; }
:root[data-theme="dark"] .brand-logo-light { display: none; }
:root[data-theme="dark"] .brand-logo-dark { display: block; }

.mobile-menu-brand {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
}

.mobile-menu-brand .brand-logo {
  width: 176px;
  height: auto;
}

header .nav-link {
  color: var(--ud-ink);
  font-size: 13px;
  font-weight: 650;
}

header .nav-link:hover,
header .nav-link[aria-current="page"] {
  color: var(--ud-link);
}

header .nav-underline {
  bottom: -11px;
  height: 2px;
  width: 100%;
  background: var(--ud-blue);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 180ms cubic-bezier(.2, .8, .2, 1);
}

header .nav-link:hover .nav-underline,
header .nav-link[aria-current="page"] .nav-underline {
  transform: scaleX(1);
}

.transition,
.duration-300 {
  transition-duration: 180ms;
  transition-timing-function: cubic-bezier(.2, .8, .2, 1);
}

.transition-all {
  transition-property: color, background-color, border-color, opacity, transform, box-shadow;
}

header nav a[href^="tel:"] {
  min-height: 44px;
  padding: 0 17px;
  border: 1px solid var(--ud-blue);
  border-radius: 10px;
  background: var(--ud-gold-fill);
  color: #171819;
  box-shadow: 0 5px 16px #b6953d38;
  font-size: 13px;
}

header nav button[data-toggle="mobile-menu"] {
  border-color: var(--ud-line);
  color: var(--ud-ink);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.theme-picker {
  position: relative;
}

.theme-picker > summary {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid var(--ud-line);
  border-radius: 10px;
  background: var(--ud-surface);
  color: var(--ud-ink);
  cursor: pointer;
  list-style: none;
}

.theme-picker > summary::-webkit-details-marker {
  display: none;
}

.theme-picker > summary:focus-visible {
  outline: 3px solid var(--ud-blue-light);
  outline-offset: 4px;
}

.theme-options {
  position: absolute;
  z-index: 60;
  top: calc(100% + 10px);
  right: 0;
  width: 176px;
  padding: 8px;
  border: 1px solid var(--ud-line);
  border-radius: 12px;
  background: var(--ud-surface);
  color: var(--ud-ink);
  box-shadow: 0 16px 40px #0003;
}

.theme-options p {
  padding: 6px 10px;
  color: var(--ud-muted);
  font-size: 11px;
  font-weight: 700;
}

.theme-options button {
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-radius: 8px;
  color: var(--ud-ink);
  font-size: 13px;
  text-align: left;
}

.theme-options button:hover,
.theme-options button[aria-pressed="true"] {
  background: var(--ud-soft);
  color: var(--ud-link);
}

.theme-options button span {
  visibility: hidden;
}

.theme-options button[aria-pressed="true"] span {
  visibility: visible;
}

#mobile-menu aside {
  background: var(--ud-surface);
  color: var(--ud-ink);
}

#mobile-menu aside .text-navy,
#mobile-menu aside .text-base {
  color: var(--ud-ink);
}

#mobile-menu aside a:hover {
  background: var(--ud-soft);
  color: var(--ud-link);
}

#mobile-menu aside button {
  border-color: var(--ud-line);
  color: var(--ud-ink);
}

main {
  min-height: 40vh;
}

main h1,
main h2,
main h3 {
  letter-spacing: -0.045em;
  text-wrap: balance;
}

main p {
  text-wrap: pretty;
}

main .text-navy {
  color: var(--ud-ink);
}

main .text-muted {
  color: var(--ud-muted);
}

main .text-dental {
  color: var(--ud-link);
}

main .bg-dental {
  background: var(--ud-gold-fill);
  color: #171819;
}

main .bg-soft,
main .bg-blue-50 {
  background: var(--ud-soft);
}

main .border-slate-200 {
  border-color: var(--ud-line);
}

main .rounded-xl {
  border-radius: 20px;
}

main .rounded-lg {
  border-radius: 14px;
}

main .shadow-sm,
main .shadow-premium {
  box-shadow: var(--ud-shadow);
}

.home-reviews [data-track] {
  align-items: flex-start;
}

main .home-reviews [data-review] {
  min-height: 395px;
  box-shadow: none;
}

.home-reviews [data-review-text].review-text-clamp {
  max-height: 12.25rem;
  -webkit-line-clamp: 7;
}

main a.bg-dental {
  min-height: 46px;
  border-radius: 10px;
  background: var(--ud-gold-fill);
  box-shadow: 0 5px 16px #b6953d38;
  font-size: 13px;
  font-weight: 700;
}

main a.bg-dental:hover,
header nav a[href^="tel:"]:hover {
  background: var(--ud-gold-hover);
}

.page-home main > section:first-child {
  position: relative;
  display: flex;
  min-height: clamp(650px, 78vh, 820px);
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(90px, 10vw, 140px) 0;
  background: #111214;
}

.home-hero-poster {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #111214 url("../assets/clinic-hero-poster.webp") center / cover no-repeat;
}

.home-hero-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home-hero-video {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(1.1);
  opacity: 0;
  transition: opacity 300ms ease-out;
}

.home-hero-video.is-playing {
  opacity: 1;
}

.home-video-hero::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, #111214 0%, #111214 var(--hero-seam, 70%), transparent var(--hero-fade-end, 100%)),
    linear-gradient(0deg, #11121424, transparent 42%);
  content: "";
  pointer-events: none;
}

.page-home main > section:first-child > .container-page {
  position: relative;
  z-index: 2;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.page-home main > section:first-child > .container-page > .grid {
  max-width: 720px;
  grid-template-columns: minmax(0, 1fr);
}

.page-home main > section:first-child [data-reveal]:first-child {
  padding: 0;
}

.page-home main > section:first-child [data-reveal]:first-child > p:first-child {
  color: #f0dc9f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.17em;
}

.page-home main h1 {
  max-width: 700px;
  color: white;
  font-size: clamp(3rem, 4.4vw, 4.45rem);
  font-weight: 620;
  line-height: 1.04;
  letter-spacing: -0.065em;
}

.hero-emphasis {
  display: block;
  color: white;
}

.page-home main > section:first-child h1 + p {
  max-width: 550px;
  margin-top: 26px;
  color: #eef0ed;
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.7;
}

.page-home main > section:first-child .sm\:grid-cols-3 {
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid #ffffff5c;
  color: white;
  font-size: 13px;
}

.page-home main > section:first-child .sm\:grid-cols-3 svg {
  color: #f0dc9f;
}

.page-home main > section:first-child a[href="servicii.html"] {
  min-height: 46px;
  border-color: #ffffff80;
  border-radius: 10px;
  background: #11121466;
  color: white;
}

.page-home main > section:first-child a[href="servicii.html"]:hover {
  border-color: white;
  background: #ffffff24;
  color: white;
}

.home-hero-rating {
  display: block;
  position: absolute;
  z-index: 2;
  right: max(16px, calc((100vw - 1320px) / 2));
  bottom: clamp(24px, 4vw, 48px);
  padding: 14px 18px;
  border: 1px solid #ffffff66;
  border-radius: 14px;
  background: #111214bd;
  color: white;
  transition: border-color 180ms ease, transform 180ms ease;
}

.home-hero-rating:hover,
.home-hero-rating:focus-visible {
  border-color: #e7c281;
  transform: translateY(-2px);
}

.home-hero-rating-stars {
  color: #f0cc65;
  font-size: 18px;
  letter-spacing: .1em;
  line-height: 1;
}

.home-hero-rating p:nth-child(2) {
  margin-top: 7px;
  font-size: 13px;
  font-weight: 700;
}

.home-hero-rating p:last-child {
  color: #e7e9e5;
  font-size: 12px;
}

.page-inner main > section:first-child,
.page-legal main > section:first-child {
  padding: clamp(48px, 5vw, 70px) 0 clamp(52px, 5vw, 72px);
  background: var(--ud-paper);
}

.page-inner main > section:first-child {
  padding-bottom: clamp(24px, 3vw, 36px);
}

.page-inner main > section:first-child > .container-page,
.page-legal main > section:first-child .container-page > div:first-child {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.page-inner main > section:first-child h1,
.page-legal main > section:first-child h1 {
  max-width: 900px;
  color: var(--ud-ink);
  font-size: clamp(3rem, 5.5vw, 5rem);
  font-weight: 620;
  line-height: 1.05;
  letter-spacing: -0.06em;
}

.page-inner main > section:first-child p,
.page-legal main > section:first-child p {
  color: var(--ud-muted);
}

.page-legal main > section:first-child p:first-child {
  color: var(--ud-link);
}

.page-legal main > section:first-child p:last-child {
  max-width: 750px;
  color: var(--ud-muted);
}

.page-home main > section:not(:first-child),
.page-inner main > section:not(:first-child),
.page-legal main > section:not(:first-child) {
  padding-top: clamp(40px, 5vw, 72px);
  padding-bottom: clamp(40px, 5vw, 72px);
}

.page-inner main > section:not(:first-child) {
  padding-block: clamp(32px, 3vw, 48px);
}

.page-inner main > section:last-child {
  padding-bottom: calc(2 * var(--ud-section-space));
}

.clinic-technology-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.clinic-technology-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--ud-line);
  border-radius: 18px;
  background: var(--ud-surface);
  box-shadow: var(--ud-shadow);
}

.clinic-technology-featured {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  align-items: center;
}

.clinic-technology-image {
  display: grid;
  height: 240px;
  flex: none;
  place-items: center;
  overflow: hidden;
  padding: 16px;
  background: #f5f6f3;
}

.clinic-technology-featured .clinic-technology-image {
  height: 340px;
  padding: 20px;
  background: #fff;
}

.clinic-technology-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 208px;
}

.clinic-technology-featured .clinic-technology-image img {
  max-height: 300px;
}

.clinic-technology-copy {
  padding: 24px 26px;
}

.clinic-technology-featured .clinic-technology-copy {
  padding: clamp(24px, 4vw, 56px);
}

.clinic-technology-copy h3 {
  color: var(--ud-ink);
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

.clinic-technology-copy p {
  margin-top: 12px;
  color: var(--ud-muted);
  font-size: 14px;
  line-height: 1.75;
}

.page-home main > .home-location,
.page-home main > .home-reviews {
  background: var(--ud-surface);
}

.page-home main > .home-cta {
  padding-block: clamp(24px, 4vw, 48px);
}

.page-home main > .home-cta .bg-dental {
  padding: clamp(28px, 4vw, 48px);
  background: var(--ud-night);
  color: white;
  border: 1px solid #ffffff15;
  border-radius: 20px;
  box-shadow: var(--ud-shadow);
}

.page-home main > .home-cta a.bg-white {
  min-height: 48px;
  border-radius: 10px;
  background: var(--ud-gold-fill);
  color: #171819;
  box-shadow: 0 5px 16px #b6953d38;
}

.page-home main > .home-cta a.bg-white:hover {
  background: var(--ud-gold-hover);
}

.page-home main h2,
.page-inner main > section > .container-page > h2 {
  font-weight: 650;
}

main article {
  border-color: var(--ud-line);
}

[data-tabs] {
  align-items: start;
  gap: 28px;
}

[data-tabs] aside,
[data-panel] {
  border: 1px solid var(--ud-line);
  border-radius: 18px;
  background: var(--ud-surface);
  box-shadow: var(--ud-shadow);
}

[data-tabs] aside > div:first-child {
  padding: 20px 22px;
  background: var(--ud-gold-fill);
  color: #171819;
  font-size: 14px;
}

[data-tab] {
  min-height: 54px;
  color: var(--ud-ink);
  font-weight: 600;
}

[data-tab] + [data-tab] {
  border-top: 1px solid var(--ud-line);
}

[data-tab]:hover:not([aria-selected="true"]) {
  background: var(--ud-soft);
  color: var(--ud-link);
}

[data-tab][aria-selected="true"] {
  background: var(--ud-soft);
  color: var(--ud-link);
}

[data-panel] h2 {
  font-weight: 650;
}

[data-panel] img {
  border-radius: 12px;
}

.case-carousel {
  --case-padding: clamp(16px, 3vw, 32px);
  margin-top: 28px;
  padding: var(--case-padding) var(--case-padding) 0;
  overflow: hidden;
  border: 1px solid var(--ud-line);
  border-radius: 20px;
  background: var(--ud-surface);
  box-shadow: var(--ud-shadow);
}

.case-controls,
.case-dots {
  display: flex;
  align-items: center;
}

.case-footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  min-height: 74px;
  margin: 20px calc(-1 * var(--case-padding)) 0;
  padding: 14px var(--case-padding);
  border-top: 1px solid var(--ud-line);
  background: var(--ud-case-footer);
}

.case-count {
  width: max-content;
  padding: 8px 11px;
  border-radius: 8px;
  background: var(--ud-soft);
  color: var(--ud-link);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.case-controls {
  gap: 8px;
  justify-self: end;
}

.case-controls button {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--ud-line);
  border-radius: 10px;
  background: var(--ud-surface);
  color: var(--ud-link);
  transition: background-color 180ms, border-color 180ms, color 180ms;
}

.case-controls button:hover:not(:disabled) {
  border-color: var(--ud-link);
  background: var(--ud-soft);
}

.case-controls button:disabled {
  opacity: .35;
  cursor: default;
}

.case-track {
  position: relative;
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}

.case-track::-webkit-scrollbar {
  display: none;
}

.case-track:focus-visible {
  outline: 3px solid var(--ud-blue-light);
  outline-offset: -3px;
  border-radius: 8px;
}

.case-slide {
  flex: 0 0 100%;
  min-width: 0;
  scroll-snap-align: start;
}

.case-slide :is(h2, h3) {
  margin-bottom: 20px;
  color: var(--ud-ink);
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 700;
}

.case-compare {
  position: relative;
  width: min(100%, 900px);
  aspect-ratio: 16 / 9;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid var(--ud-line);
  border-radius: 14px;
  background: var(--ud-soft);
  --split: 50%;
}

.case-compare img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-slide:nth-child(2) .case-compare img:first-child {
  object-position: 50% 20%;
  transform: translateX(4%) scale(1.1);
}

.case-slide:nth-child(2) .case-after {
  object-position: 50% 100%;
}

.case-slide:nth-child(3) .case-compare img:first-child {
  object-position: 50% 0;
}

.case-slide:nth-child(4) .case-compare img:first-child {
  object-position: 50% 100%;
}

.case-slide:nth-child(4) .case-after {
  object-position: 50% 15%;
}

.case-after {
  clip-path: inset(0 0 0 var(--split));
}

.case-label {
  position: absolute;
  z-index: 1;
  top: 16px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #111214d9;
  color: white;
  font-size: 12px;
  font-weight: 700;
  pointer-events: none;
}

.case-label-before {
  left: 16px;
}

.case-label-after {
  right: 16px;
}

.case-divider {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 3px;
  transform: translateX(-50%);
  background: white;
  box-shadow: 0 0 0 1px #11121455;
  pointer-events: none;
}

.case-divider svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  padding: 8px;
  transform: translate(-50%, -50%);
  border: 3px solid white;
  border-radius: 50%;
  background: var(--ud-gold-fill);
  color: #171819;
}

.case-compare input {
  position: absolute;
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
  touch-action: pan-y;
}

.case-compare input:focus-visible {
  outline: none;
}

.case-compare:has(input:focus-visible) {
  outline: 3px solid var(--ud-blue);
  outline-offset: 3px;
}

.case-dots {
  justify-content: center;
  gap: 4px;
}

.case-dots button {
  display: grid;
  width: 28px;
  height: 44px;
  place-items: center;
}

.case-dots button::after {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #c7cbc4;
  content: "";
  transition: background-color 180ms, transform 180ms cubic-bezier(.2, .8, .2, 1);
  transform: scaleX(1);
}

.case-dots button[aria-current="true"]::after {
  background: var(--ud-blue);
  transform: scaleX(3.6);
}

.case-dots button:hover::after {
  background: #d4b354;
}

footer {
  --ud-footer-space: 32px;
  padding: 0;
  background: var(--ud-night);
  color: white;
}

footer > .container-page {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

footer > .container-page > div:first-child {
  padding: var(--ud-footer-space) 0;
}

footer > .container-page > div:last-child {
  padding: var(--ud-footer-space) 0;
}

footer h3 {
  letter-spacing: 0.14em;
}

footer a:hover {
  color: white;
}

:root[data-theme="dark"] main .bg-white,
:root[data-theme="dark"] main [class~="bg-white/70"],
:root[data-theme="dark"] main [class~="bg-white/92"] {
  background-color: var(--ud-surface);
}

:root[data-theme="dark"] main .bg-slate-50,
:root[data-theme="dark"] main [class~="bg-slate-50/60"],
:root[data-theme="dark"] main [class~="hover:bg-blue-50/60"]:hover {
  background-color: var(--ud-soft);
}

:root[data-theme="dark"] main .text-ink {
  color: var(--ud-ink);
}

:root[data-theme="dark"] main .border-slate-100,
:root[data-theme="dark"] main [class~="border-white/80"],
:root[data-theme="dark"] main [class~="border-white/90"] {
  border-color: var(--ud-line);
}

:root[data-theme="dark"] main .divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--ud-line);
}

:root[data-theme="dark"] [data-review-fade] {
  background: linear-gradient(to top, var(--ud-surface), transparent);
}

:root[data-theme="dark"] .case-label {
  background: #0d0e0fe6;
}

@media (min-width: 768px) {
  footer > .container-page > div:first-child {
    align-items: center;
  }

  .footer-menu-column {
    width: max-content;
    max-width: 100%;
    justify-self: center;
  }

  .footer-menu-column h3 {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  [data-tabs] aside {
    position: sticky;
    top: 108px;
  }

  footer > .container-page > div:first-child {
    grid-template-columns: minmax(0, 1.6fr) minmax(180px, 0.7fr) max-content;
  }

  footer > .container-page > div:first-child > div:first-child {
    grid-column: auto;
  }
}

@media (min-width: 1200px) {
  footer > .container-page > div:first-child {
    grid-template-columns: minmax(0, 448px) 308px max-content;
    column-gap: 32px;
    justify-content: space-between;
  }

  .footer-menu-links {
    grid-template-columns: max-content max-content;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    column-gap: 32px;
    row-gap: 8px;
  }

  footer > .container-page > div:first-child > div:last-child {
    justify-self: end;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  footer > .container-page > div:first-child {
    grid-template-columns: minmax(0, 1.3fr) minmax(140px, 0.65fr) max-content;
    column-gap: 24px;
  }
}

@media (max-width: 640px) {
  .team-intro-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .team-intro-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 20px 0 0;
    border-top: 1px solid var(--ud-line);
    border-left: 0;
  }

  .team-intro-stats > div {
    padding: 0;
  }

  .team-intro-stats > div + div {
    border-top: 0;
  }

  .clinic-technology-grid {
    grid-template-columns: 1fr;
  }

  .clinic-technology-featured {
    grid-column: auto;
    display: flex;
    align-items: stretch;
  }

  .clinic-technology-image {
    height: 210px;
  }

  .clinic-technology-image img {
    max-height: 178px;
  }

  .clinic-technology-featured .clinic-technology-image {
    height: 260px;
  }

  .clinic-technology-featured .clinic-technology-image img {
    max-height: 220px;
  }

  header nav.container-page {
    height: 70px;
  }

  header nav .brand-logo {
    width: clamp(150px, 46vw, 184px);
  }

  .page-home main h1,
  .page-inner main > section:first-child h1,
  .page-legal main > section:first-child h1 {
    font-size: clamp(2.65rem, 11vw, 3.45rem);
  }

  .page-home main h1 {
    font-size: clamp(2.25rem, 10vw, 2.6rem);
  }

  .hero-emphasis {
    display: inline;
  }

  .page-home main > section:first-child {
    min-height: 0;
    padding: 60px 0 154px;
  }

  .home-video-hero::before {
    background: linear-gradient(0deg, #111214dc, #111214aa 62%, #11121485);
  }

  .home-hero-poster {
    background-image: url("../assets/clinic-hero-mobile-poster.webp");
  }

  .home-hero-video {
    object-position: center;
    mask-image: none;
  }

  .home-hero-rating {
    left: 16px;
    right: auto;
    bottom: 24px;
    width: max-content;
  }

  [data-tabs] aside > div:nth-child(2) {
    display: flex;
    gap: 5px;
    padding: 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  [data-tabs] aside > div:nth-child(2) [data-tab] {
    width: auto;
    min-height: 42px;
    flex: none;
    padding: 10px 13px;
    border: 1px solid transparent;
    border-radius: 8px;
    scroll-snap-align: center;
    white-space: nowrap;
  }

  [data-tabs] aside > div:nth-child(2) [data-tab][aria-selected="true"] {
    border-color: var(--ud-blue);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

#receptie { scroll-margin-top: 7rem; }
