@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#112b40;--muted:#536775;--blue:#527f95;--pale:#dcebea;--paper:#f7f9f8;--white:#fff;--line:#d9e1e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}body .site-header{height:78px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,90px);background:#f7f9f8e8;backdrop-filter:blur(18px);border-bottom:1px solid #e2e9e9}.brand{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.5px}.brand span{color:var(--blue)}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}nav a:hover{color:var(--blue)}.btn{border:1px solid var(--ink);border-radius:100px;padding:14px 22px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;display:inline-flex;gap:20px;align-items:center;justify-content:center;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px);background:#28526a}.btn.light{background:transparent;color:var(--ink)}.btn.light:hover{background:#eaf0f0}.mobile-toggle{display:none;border:0;background:none;font-size:24px;color:var(--ink)}main{overflow:hidden}.container{max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,90px)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(54px,7.3vw,118px);letter-spacing:-.082em;line-height:1.04;font-weight:700}h2{font-size:clamp(42px,5.8vw,88px);line-height:1.08;letter-spacing:-.07em;font-weight:700}p{line-height:1.7}.accent{color:#86aaba}.hero{padding-top:clamp(145px,17vh,230px);min-height:100vh;position:relative}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:center}.hero h1{margin:26px 0 26px}.hero-copy{max-width:610px}.hero-copy p{max-width:490px;font-size:clamp(16px,1.45vw,20px);color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-visual{position:relative;perspective:1200px;min-height:520px;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#d8eae9 5%,#e7f0ef 55%,transparent 72%);filter:blur(5px);animation:breathe 7s ease-in-out infinite}.browser{background:white;border:1px solid #dce5e6;border-radius:12px;box-shadow:0 45px 95px #112b4025,0 6px 22px #112b4010;overflow:hidden;position:relative;width:100%;transform:rotateY(-8deg) rotateX(3deg);animation:float 7s ease-in-out infinite;will-change:transform}.browser-top{height:34px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid #e8eded;background:#fcfdfd}.dot{width:7px;height:7px;border-radius:50%;background:#d5dddf}.address{font-size:9px;color:#7a8e95;margin:auto;letter-spacing:.05em}.clinic{background:#f8faf9;color:#163a45;font-family:Manrope,sans-serif}.clinic-nav{height:65px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:white}.clinic-logo{font-size:15px;font-weight:800;letter-spacing:-.05em}.clinic-logo i{display:inline-block;width:16px;height:16px;border:4px solid #75a5a4;border-radius:50%;vertical-align:-3px;margin-right:5px}.clinic-links{font-size:9px;display:flex;gap:14px;align-items:center}.clinic-links b{background:#164957;color:white;padding:9px 11px;border-radius:3px;font-weight:600}.clinic-hero{display:grid;grid-template-columns:55% 45%;min-height:320px}.clinic-text{padding:42px 10%}.clinic-small{font-size:9px;color:#59868a;letter-spacing:.2em;font-weight:800}.clinic-text h3{font-size:clamp(23px,2.4vw,40px);letter-spacing:-.07em;line-height:1.15;margin:22px 0 15px}.clinic-text p{font-size:10px;line-height:1.8;color:#577078}.clinic-button{display:inline-block;margin-top:12px;padding:11px 16px;background:#1a5661;color:#fff;font-size:9px}.clinic-image{position:relative;overflow:hidden;background:linear-gradient(140deg,#dce8e6,#b9d1d0 55%,#8caaa8)}.clinic-image:before{content:"";position:absolute;width:64%;height:80%;left:18%;bottom:-19%;border-radius:48% 48% 8% 8%;background:linear-gradient(115deg,#f2f7f5 10%,#a7c5c2 90%);box-shadow:20px -10px 40px #456c6a25}.clinic-image:after{content:"✧";font-size:150px;color:#ffffff70;position:absolute;top:3%;right:10%}.clinic-image .image-label{position:absolute;bottom:20px;left:15px;font-size:9px;color:#285a60;background:#ffffffc9;padding:9px 12px;z-index:2}.clinic-bottom{padding:15px 6%;background:white;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#5c777b}.float-tag{position:absolute;z-index:3;bottom:12%;right:-3%;background:white;box-shadow:0 18px 45px #123d4c18;border:1px solid #e2ebea;padding:17px 22px;border-radius:8px;font-size:12px;font-weight:700;animation:tagfloat 6s ease-in-out infinite}.float-tag span{color:#76a3a0;margin-right:7px}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:11px;color:#728894;letter-spacing:.17em;text-transform:uppercase;margin-top:45px}.scroll-cue:before{content:"";height:1px;width:40px;background:#8da9b7}.reveal{opacity:0;transform:translateY(45px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.1,1)}.reveal.visible{opacity:1;transform:translateY(0)}.statement{padding:140px 0 120px;text-align:center}.statement h2{max-width:1100px;margin:22px auto 0}.statement p{max-width:560px;margin:25px auto 0;color:var(--muted);font-size:18px}.showcase{height:290vh;position:relative}.showcase-sticky{height:100vh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e9f0ef}.showcase-title{position:absolute;top:12%;text-align:center;z-index:3;padding:0 20px;transition:opacity .3s}.showcase-title .eyebrow{margin-bottom:15px}.showcase-title h2{font-size:clamp(30px,4vw,64px);margin:0}.showcase-stage{width:min(65vw,900px);transform:scale(var(--scale, .78));transition:transform .08s linear;filter:drop-shadow(0 30px 50px #1839472b)}.showcase-stage .browser{animation:none;transform:none}.showcase-stage .clinic-hero{min-height:390px}.showcase-stage .clinic-text{padding-top:65px}.showcase-stage .clinic-text h3{font-size:clamp(25px,3vw,48px)}.showcase-caption{position:absolute;bottom:9%;left:0;right:0;text-align:center;font-size:14px;color:#496574;opacity:var(--caption-opacity,1);padding:0 20px}.showcase-side{position:absolute;top:50%;font-size:11px;letter-spacing:.2em;color:#698894;writing-mode:vertical-rl}.showcase-side.left{left:4%}.showcase-side.right{right:4%}.split-intro{padding:150px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.split-intro p{font-size:18px;color:var(--muted);align-self:end}.service{display:grid;grid-template-columns:90px 1fr 1fr 40px;gap:25px;align-items:start;padding:50px 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service .num{font-size:13px;color:var(--blue);letter-spacing:.2em}.service h3{font-size:clamp(27px,3.1vw,46px);letter-spacing:-.055em;margin:0}.service p{color:var(--muted);max-width:380px;margin:0}.service .arrow{font-size:25px;color:var(--blue)}.method{padding:160px 0}.method-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.method-head h2{max-width:730px;margin:20px 0 0}.steps{margin-top:75px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:1px solid #bfcfd1;padding-top:24px}.step-num{font-size:clamp(75px,10vw,160px);letter-spacing:-.1em;font-family:Manrope;font-weight:600;line-height:1;color:#c9d9dd}.step h3{font-size:24px;letter-spacing:-.05em;margin:15px 0}.step p{color:var(--muted);font-size:15px}.faq{padding:90px 0 140px;display:grid;grid-template-columns:1fr 1.25fr;gap:10%}.faq h2{margin:22px 0}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{list-style:none;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:24px;font-weight:400;color:var(--blue)}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:14px;margin:18px 0 0}.closing{padding:110px 0 120px;background:#e8f0ef;text-align:center}.closing h2{max-width:930px;margin:25px auto}.closing p{max-width:550px;margin:0 auto 28px;color:var(--muted)}footer{padding:35px 0;background:#e8f0ef;border-top:1px solid #cfdedd;font-size:12px;color:#526b79}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row a{text-decoration:underline}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#102c40a8;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(10px)}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:18px;width:min(100%,620px);max-height:92vh;overflow:auto;padding:clamp(25px,5vw,48px);box-shadow:0 30px 90px #091c2d55}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-close{border:0;background:#eff4f4;border-radius:50%;height:37px;width:37px;font-size:24px}.progress{height:3px;background:#e3eceb;margin:24px 0 38px}.progress div{height:100%;background:#4e8794;transition:width .35s}.modal h3{font-size:clamp(27px,4vw,39px);letter-spacing:-.055em;margin:0 0 10px}.modal p{font-size:14px;color:var(--muted)}.choices{display:grid;gap:10px;margin:28px 0}.choice{border:1px solid #d7e3e4;border-radius:9px;padding:16px;text-align:left;background:#fff;color:var(--ink);font-weight:600}.choice:hover,.choice.selected{border-color:#3e7c8b;background:#edf5f4}.modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.form-grid{display:grid;gap:12px;margin:20px 0}.form-grid label{font-size:12px;font-weight:700}.form-grid input,.form-grid textarea{width:100%;border:1px solid #cad9dc;border-radius:7px;padding:12px;margin-top:6px;color:var(--ink);background:white}.form-grid textarea{min-height:85px;resize:vertical}.small-note{font-size:11px!important;color:#71828a!important}.preview{padding:18px;background:#f0f5f4;border-radius:8px;white-space:pre-wrap;font-size:13px;line-height:1.8}.menu-open nav{display:flex}
@keyframes float{0%,100%{transform:rotateY(-8deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(1deg) translateY(-15px)}}@keyframes breathe{50%{transform:scale(1.12)}}@keyframes tagfloat{50%{transform:translateY(-14px)}}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero{min-height:unset}.hero-visual{min-height:480px;margin-top:35px}.hero-copy{max-width:720px}.split-intro,.faq{grid-template-columns:1fr;gap:25px}.service{grid-template-columns:50px 1fr 25px}.service p{grid-column:2;grid-row:2}.service .arrow{grid-column:3;grid-row:1}.showcase-stage{width:85vw}.showcase-side{display:none}}@media(max-width:650px){body .site-body .site-header{height:66px}.brand{font-size:20px}.mobile-toggle{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#f7f9f8;flex-direction:column;align-items:stretch;padding:25px;border-bottom:1px solid var(--line);gap:22px}nav .btn{align-self:start}.hero{padding-top:120px}.hero h1{font-size:clamp(48px,12vw,74px)}.hero-visual{min-height:350px}.browser{transform:none;animation:float 7s ease-in-out infinite}.clinic-nav{height:42px}.clinic-links{gap:5px;font-size:6px}.clinic-links span:nth-child(2){display:none}.clinic-links b{padding:6px}.clinic-logo{font-size:11px}.clinic-hero{min-height:220px}.clinic-text{padding:26px 8%}.clinic-text h3{font-size:21px;margin:12px 0}.clinic-text p{font-size:8px}.clinic-button{padding:8px;font-size:8px}.clinic-bottom{font-size:7px}.float-tag{right:0;bottom:0;font-size:10px}.statement{padding:90px 0}.statement p{font-size:16px}.showcase{height:210vh}.showcase-stage{width:96vw}.showcase-stage .clinic-hero{min-height:230px}.showcase-stage .clinic-text{padding-top:27px}.showcase-stage .clinic-text h3{font-size:21px}.showcase-title{top:10%}.showcase-caption{bottom:10%;font-size:12px}.split-intro{padding-top:90px}.service{gap:10px;padding:30px 0}.service h3{font-size:27px}.service p{font-size:14px}.method{padding:90px 0}.steps{grid-template-columns:1fr;gap:28px;margin-top:40px}.step-num{font-size:85px}.method-head{display:block}.faq{padding:60px 0 90px}.closing{padding:85px 0}.modal{padding:22px}.modal-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.showcase-stage{transform:none!important}}

/* V5: natural-flow editorial demonstration: no 290vh sticky gap or overlay */
.showcase-v5{padding:65px 0 115px;background:#e9f0ef;overflow:hidden}.concept-heading{max-width:1050px;margin:0 auto 52px;text-align:center}.concept-heading h2{font-size:clamp(38px,5vw,74px);margin:20px 0}.concept-heading p{max-width:690px;margin:0 auto;color:#425c6a;font-size:clamp(16px,1.4vw,19px)}.concept-frame{width:min(100%,1110px);margin:0 auto;transform:translateY(35px) scale(.94);opacity:.45;transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity .8s ease;box-shadow:0 32px 75px #112b4026;border-radius:14px}.concept-frame.is-in-view{transform:translateY(0) scale(1);opacity:1}.concept-screen .browser{animation:none;transform:none;box-shadow:none}.concept-screen .clinic-hero{min-height:410px}.concept-screen .clinic-text{padding-top:70px}.concept-screen .clinic-text h3{font-size:clamp(26px,3.4vw,49px)}.concept-under{display:flex;justify-content:space-between;gap:20px;margin:24px auto 0;max-width:1110px;font-size:10px;letter-spacing:.13em;color:#456473;font-weight:700}.trust-section{padding:110px 0 55px;background:#f7f9f8}.trust-heading{max-width:1050px}.trust-heading h2{margin:20px 0 25px}.trust-heading p{max-width:720px;color:var(--muted);font-size:19px}.trust-list{margin-top:65px;border-top:1px solid #cad7d9}.trust-item{display:grid;grid-template-columns:70px 1fr 40px;gap:25px;align-items:start;border-bottom:1px solid #cad7d9;padding:33px 0}.trust-index{font-size:12px;color:var(--blue);letter-spacing:.2em}.trust-item h3{font-size:clamp(23px,2.5vw,35px);letter-spacing:-.05em;margin-bottom:10px}.trust-item p{color:var(--muted);max-width:780px;margin:0;font-size:16px}.trust-symbol{color:var(--blue);font-size:24px}.trust-disclaimer{color:#627681;font-size:12px;margin-top:22px;max-width:850px}.split-intro{padding-top:120px}#concept,#services,#sante,#methode,#faq{scroll-margin-top:85px}
@media(max-width:850px){.showcase-v5{padding:60px 0 70px}.concept-under{flex-direction:column;gap:7px}.concept-screen .clinic-hero{min-height:260px}.concept-screen .clinic-text{padding:25px 8%}.concept-screen .clinic-text h3{font-size:clamp(19px,4vw,30px)}.concept-screen .clinic-links span{display:none}.trust-section{padding:75px 0 25px}.trust-item{grid-template-columns:32px 1fr 22px;gap:12px}.trust-heading p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.concept-frame{opacity:1;transform:none;transition:none}}

/* WordPress integration */
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
.site-header nav a{color:inherit}
body:not(.home) .site-main-content{padding:150px clamp(22px,5vw,90px) 100px;max-width:1050px;margin:auto;min-height:65vh}
body:not(.home) .site-main-content h1{font-size:clamp(40px,5vw,68px)}
body:not(.home) .site-main-content a{text-decoration:underline}
@media(max-width:650px){body .site-header{height:66px}}