/* Clinical explainer replacing the portrait in the first viewport. */
.hero-visual{width:min(100%,500px)}
.implant-explainer{position:relative;overflow:hidden;border:1px solid rgba(201,154,71,.28);border-radius:24px;background:linear-gradient(145deg,#0b274a,#06182f);box-shadow:0 34px 80px rgba(5,25,48,.23);color:#fff}
.implant-explainer:before{position:absolute;inset:0;background:radial-gradient(circle at 65% 38%,rgba(201,154,71,.18),transparent 31%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px;content:""}
.implant-explainer header,.implant-explainer footer{position:relative;z-index:2;padding:22px 24px}
.implant-explainer header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}
.implant-explainer header p{margin:0;color:var(--gold-pale);font:600 1.1rem "Playfair Display",Georgia,serif}
.implant-explainer header span{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.implant-scene{position:relative;height:390px}
.implant-model{position:absolute;top:44px;left:50%;width:150px;height:292px;transform:translateX(-50%)}
.implant-model i{position:absolute;display:block;left:50%;transform:translateX(-50%)}
.model-crown{top:0;width:122px;height:91px;border:1px solid rgba(255,255,255,.72);border-radius:54% 54% 42% 42%;background:linear-gradient(135deg,#fffdf5,#d8c79e);box-shadow:inset -16px -12px 28px rgba(115,84,28,.18),0 12px 38px rgba(201,154,71,.18)}
.model-crown:after{position:absolute;right:15px;bottom:-18px;left:15px;height:30px;border-radius:50%;background:#ded4bd;content:""}
.model-abutment{top:96px;width:40px;height:37px;border:1px solid #e2c580;background:linear-gradient(90deg,#8d6a30,#e7c97b,#8b642b);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.model-implant{top:128px;width:35px;height:119px;border:1px solid #c9a65e;border-radius:4px 4px 16px 16px;background:repeating-linear-gradient(155deg,#8b642b 0 5px,#e2c076 5px 10px);box-shadow:0 0 26px rgba(201,154,71,.25)}
.model-bone{top:235px;width:148px;height:57px;border:1px solid rgba(255,255,255,.2);border-radius:48% 48% 18px 18px;background:linear-gradient(180deg,#d9c49b,#9b7e54);opacity:.75}
.implant-label{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font-size:.72rem}
.implant-label:after{width:54px;height:1px;background:rgba(201,154,71,.55);content:""}
.implant-label b{display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(201,154,71,.5);border-radius:50%;color:var(--gold-pale);font-size:.62rem}
.label-crown{top:72px;right:20px}.label-abutment{top:164px;right:14px}.label-implant{top:231px;left:18px;flex-direction:row-reverse}.label-plan{bottom:36px;left:28px;flex-direction:row-reverse}.label-implant:after,.label-plan:after{width:46px}
.implant-explainer footer{display:grid;gap:4px;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
.implant-explainer footer strong{font:600 1rem "Playfair Display",Georgia,serif}.implant-explainer footer small{color:rgba(255,255,255,.5);font-size:.62rem;line-height:1.45}
.hero-visual aside{right:-25px;bottom:92px}
.contact-pop-trigger{position:fixed;right:22px;bottom:78px;z-index:16;border:1px solid rgba(201,154,71,.5);border-radius:4px;padding:11px 15px;background:var(--navy);box-shadow:0 12px 28px rgba(5,25,48,.2);color:#fff;font:700 .68rem "DM Sans",sans-serif;letter-spacing:.07em;text-transform:uppercase}
.contact-pop[hidden]{display:none}.contact-pop{position:fixed;right:22px;bottom:132px;z-index:30;width:min(390px,calc(100vw - 32px));padding:26px;border:1px solid rgba(201,154,71,.3);border-radius:12px;background:#fff;box-shadow:0 30px 80px rgba(5,25,48,.28)}
.contact-pop h2{margin-bottom:10px;color:var(--navy);font-size:1.8rem}.contact-pop>p:not(.eyebrow){color:var(--muted);font-size:.82rem}.contact-pop form{display:grid}.contact-pop .button{width:100%;margin-top:16px}
.contact-pop-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:1.5rem}.contact-pop-zap{display:block;margin-top:15px;color:var(--navy);font-size:.72rem;font-weight:700;text-align:center}
.form-submit:disabled{cursor:wait;opacity:.72;transform:none}
.human-care{background:#f8f4ec}.story-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(42px,6vw,92px)}.story-grid.reverse{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.story-media{position:relative;overflow:hidden;margin:0;border-radius:22px;box-shadow:0 28px 70px rgba(5,25,48,.14)}.story-media:after{position:absolute;inset:0;border:1px solid rgba(201,154,71,.24);border-radius:inherit;content:"";pointer-events:none}.story-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.story-copy h2,.faq h2{max-width:650px}.story-copy>.lead{margin:22px 0 26px;color:var(--muted)}.care-principles{display:grid;margin:0 0 26px}.care-principles article{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:17px 0;border-top:1px solid rgba(5,25,48,.13)}.care-principles article:last-child{border-bottom:1px solid rgba(5,25,48,.13)}.care-principles article>b{color:var(--gold);font-size:.7rem;letter-spacing:.12em}.care-principles h3{margin:0 0 4px;color:var(--navy);font:600 1.05rem "Playfair Display",Georgia,serif}.care-principles p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}
.evaluation-guide{background:var(--navy);color:#fff}.evaluation-guide .eyebrow{color:var(--gold-pale)}.evaluation-guide h2{color:#fff}.evaluation-guide .lead{color:rgba(255,255,255,.68)}.evaluation-list{display:grid;margin:0 0 30px;padding:0;list-style:none}.evaluation-list li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 0;border-top:1px solid rgba(255,255,255,.13)}.evaluation-list li:last-child{border-bottom:1px solid rgba(255,255,255,.13)}.evaluation-list span{color:var(--gold-pale);font-size:.67rem;letter-spacing:.12em}.evaluation-list p{margin:0;color:rgba(255,255,255,.68);font-size:.82rem}.evaluation-list strong{color:#fff}.evaluation-guide .story-media{box-shadow:0 32px 80px rgba(0,0,0,.28)}
.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,7vw,110px);align-items:start}.faq-grid>div:first-child{position:sticky;top:110px}.faq-grid>div:first-child>p:not(.eyebrow){margin:20px 0 24px;color:var(--muted)}.faq-list{border-top:1px solid rgba(5,25,48,.18)}.faq-list details{border-bottom:1px solid rgba(5,25,48,.18)}.faq-list summary{position:relative;padding:22px 42px 22px 0;cursor:pointer;color:var(--navy);font:600 1.05rem "Playfair Display",Georgia,serif;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{position:absolute;top:18px;right:2px;width:30px;height:30px;border:1px solid rgba(201,154,71,.42);border-radius:50%;color:var(--gold);content:"+";font:400 1.25rem/28px "DM Sans",sans-serif;text-align:center}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:680px;margin:-4px 42px 22px 0;color:var(--muted);font-size:.84rem;line-height:1.65}
@media(max-width:900px){.hero-visual{width:min(100%,540px)}.hero-visual aside{right:-15px}}
@media(max-width:900px){.story-grid,.story-grid.reverse,.faq-grid{grid-template-columns:1fr}.story-grid.reverse .story-copy{order:2}.story-grid.reverse .story-media{order:1}.story-media{max-width:720px}.faq-grid>div:first-child{position:static}}
@media(max-width:680px){.implant-scene{height:350px}.implant-model{top:37px;transform:translateX(-50%) scale(.9)}.implant-label:after{width:25px}.label-crown{right:10px}.label-abutment{right:7px}.label-implant{left:8px}.label-plan{left:10px}.implant-explainer header{align-items:flex-start;gap:8px}.implant-explainer header span{text-align:right}.hero-visual aside{position:relative;right:auto;bottom:auto;width:max-content;margin:-16px 14px 0 auto}.contact-pop-trigger{right:15px;bottom:72px}.contact-pop{right:16px;bottom:124px}.story-grid{gap:30px}.story-media{border-radius:14px}.faq-list summary{font-size:1rem}}

/* Brighter, more expressive LÜMEN color system and stronger top-level typography. */
:root{--navy:#082f68;--navy-2:#0b4d96;--gold:#dca33b;--gold-pale:#ffe3a0;--ivory:#fbf8f1;--surface:#fff;--ink:#102f52;--muted:#526c86;--line:rgba(8,47,104,.17);--shadow:0 30px 70px rgba(8,47,104,.17)}
body{background:var(--ivory);color:var(--ink)}
.site-header{height:90px}.site-header.scrolled{background:rgba(251,248,241,.94);box-shadow:0 12px 34px rgba(8,47,104,.12)}
.nav-shell{gap:24px}.brand{font-size:1.42rem;color:var(--navy)}.brand img{width:56px;height:56px;border:2px solid rgba(220,163,59,.55);box-shadow:0 6px 18px rgba(8,47,104,.12)}.brand small{font-size:.62rem;color:var(--gold)}
.main-nav{gap:clamp(15px,1.8vw,26px)}.main-nav a{color:var(--navy);font-size:.9rem;letter-spacing:.015em}.main-nav a:after{height:2px;background:var(--gold)}
.header-cta{min-height:48px;padding-inline:18px;font-size:.78rem;background:linear-gradient(135deg,var(--navy-2),var(--navy));box-shadow:0 12px 28px rgba(8,47,104,.24)}
.hero{padding-top:160px;background:radial-gradient(circle at 76% 25%,rgba(18,104,196,.18),transparent 27%),radial-gradient(circle at 18% 72%,rgba(220,163,59,.13),transparent 28%),linear-gradient(118deg,#fffdf8 0%,#f7f2e8 67%,#e4edf8 100%)}
.hero h1{color:var(--navy)}.hero h1 em{color:#c7891e}.hero-lead{color:#455f79;font-size:clamp(1.08rem,1.5vw,1.24rem)}
.eyebrow{color:#c4861c;font-size:.79rem;letter-spacing:.2em}.button{font-size:.89rem}.primary{background:linear-gradient(135deg,var(--navy-2),var(--navy));box-shadow:0 15px 34px rgba(8,47,104,.24)}.secondary{border-color:rgba(8,47,104,.32);color:var(--navy);background:rgba(255,255,255,.76)}
.trust-points{color:#294d71;font-size:.86rem}.trust-points li:before{display:inline-grid;width:22px;height:22px;margin-right:9px;place-items:center;border-radius:50%;background:rgba(220,163,59,.16);color:#c4861c;font-size:1rem}
.proof{background:linear-gradient(110deg,#06285a,#0c4c91 58%,#0a3975)}.proof .container{min-height:76px;font-size:.82rem;letter-spacing:.13em}.proof i{width:7px;height:7px;background:#ffd77b;box-shadow:0 0 16px rgba(255,215,123,.7)}
.implant-explainer{border-color:rgba(255,211,112,.46);background:linear-gradient(145deg,#0c4f97,#062856 72%);box-shadow:0 36px 85px rgba(8,47,104,.28)}.implant-explainer:before{background:radial-gradient(circle at 65% 38%,rgba(255,210,108,.28),transparent 32%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}.implant-explainer header p{font-size:1.32rem}.implant-explainer header span{font-size:.73rem;color:rgba(255,255,255,.72)}.implant-label{font-size:.82rem;color:rgba(255,255,255,.9)}.implant-label b{width:31px;height:31px;border-color:rgba(255,218,132,.72);font-size:.7rem;background:rgba(255,255,255,.05)}.implant-label:after{height:2px;background:rgba(255,211,112,.72)}.implant-explainer footer strong{font-size:1.12rem}.implant-explainer footer small{font-size:.7rem;color:rgba(255,255,255,.68)}
.hero-visual aside{border-color:rgba(8,47,104,.16);background:rgba(255,255,255,.96);box-shadow:0 20px 44px rgba(8,47,104,.2)}.hero-visual aside span{color:#c4861c;font-size:2.45rem}.hero-visual aside p{color:#3e5b78;font-size:.75rem;font-weight:700}
.treatments,.evaluation-guide,.contact{background:linear-gradient(135deg,#062858,#0a3f80)}.technology{background:linear-gradient(135deg,#0a4385,#0d5aaa)}.journey{background:linear-gradient(135deg,#052552,#0b4d96)}.site-footer{background:#041d43}.treatment-card:hover{background:rgba(30,126,220,.13)}.treatment-card.featured{background:linear-gradient(145deg,#fff0bf,#f2ca73)}.card-mark{width:62px;height:62px;border-color:rgba(255,227,160,.55);background:rgba(255,255,255,.055);color:#ffe3a0;font-size:2rem;box-shadow:inset 0 0 22px rgba(255,255,255,.04)}.treatment-card>span{font-size:.78rem}.flow-core{background:radial-gradient(circle at 35% 30%,#3d87cf,#082f68);box-shadow:0 0 64px rgba(255,211,112,.3)}.flow-step{font-size:.82rem;background:rgba(255,255,255,.1)}
.care-principles article>b,.evaluation-list span{font-size:.78rem}.faq-list summary{font-size:1.12rem}.contact-pop-trigger{background:linear-gradient(135deg,var(--navy-2),var(--navy));font-size:.74rem}
@media(max-width:900px){.site-header{height:82px}.brand img{width:52px;height:52px}.main-nav a{font-size:.84rem}.hero{padding-top:145px}}
@media(max-width:680px){.site-header{height:74px}.main-nav{top:74px;background:rgba(251,248,241,.99)}.main-nav a{font-size:1rem}.hero{padding-top:118px}.brand{font-size:1.22rem}.brand img{width:48px;height:48px}.proof .container{min-height:66px;font-size:.78rem}.implant-explainer header p{font-size:1.18rem}.implant-label{font-size:.76rem}.eyebrow{font-size:.73rem}}