:root { --ink:#17211c; --cream:#f3f0e8; --sage:#cbd8cd; --green:#345a49; --lime:#d8ef76; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:Inter,"Helvetica Neue",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-head { height:86px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 4vw; border-bottom:1px solid rgba(23,33,28,.16); }
.clinic-brand { display:flex; align-items:center; gap:11px; width:max-content; font-size:10px; line-height:1.05; letter-spacing:1.4px; }
.clinic-brand > span { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; color:var(--cream); background:var(--green); font-family:Georgia,serif; font-size:19px; }
.site-head nav { display:flex; gap:35px; color:#516058; font-size:11px; }
.site-head nav a:hover { color:var(--ink); }
.book-link { justify-self:end; display:flex; gap:24px; padding:15px 20px; color:white; background:var(--green); font-size:10px; font-weight:750; }
.book-link span { color:var(--lime); }
.hero { min-height:calc(100vh - 86px); display:grid; grid-template-columns:1.08fr .92fr; }
.hero-copy { display:flex; flex-direction:column; justify-content:center; padding:8vh 4vw 6vh 8vw; }
.demo-label { display:flex; align-items:center; gap:12px; margin-bottom:33px; color:#607067; font-size:9px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; }
.demo-label i { width:34px; height:2px; background:var(--green); }
h1 { margin:0; font-size:clamp(62px,7vw,112px); line-height:.86; letter-spacing:-6px; text-transform:uppercase; }
h1 em { color:transparent; font-style:normal; -webkit-text-stroke:1.3px var(--ink); }
.hero-copy > p { max-width:570px; margin:38px 0; color:#5f6d65; font-size:18px; line-height:1.7; }
.hero-actions { display:flex; gap:9px; }
.hero-actions a,.hero-actions button { min-height:52px; display:flex; align-items:center; gap:30px; padding:0 22px; border:1px solid var(--ink); font-size:10px; font-weight:800; cursor:pointer; }
.hero-actions a { color:white; background:var(--ink); }
.hero-actions a span { color:var(--lime); font-size:18px; }
.hero-actions button { color:var(--ink); background:transparent; }
.hero-actions button:hover { background:white; }
.hero-facts { display:flex; gap:1px; max-width:620px; margin-top:60px; background:rgba(23,33,28,.15); border:1px solid rgba(23,33,28,.15); }
.hero-facts div { flex:1; display:flex; flex-direction:column; gap:6px; padding:16px 18px; background:var(--cream); }
.hero-facts strong { font-size:12px; text-transform:uppercase; }
.hero-facts span { color:#77837c; font-size:9px; }
.hero-visual { position:relative; min-height:650px; margin:28px 28px 28px 3vw; overflow:hidden; color:white; background:#466b58; }
.hero-visual::before { position:absolute; content:""; inset:0; opacity:.22; background:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:48px 48px; }
.hero-visual::after { position:absolute; content:""; width:560px; height:560px; right:-230px; top:50px; border:1px solid rgba(255,255,255,.2); border-radius:50%; box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018); }
.image-placeholder { position:absolute; inset:0; overflow:hidden; }
.figure { position:absolute; z-index:2; width:215px; height:480px; left:50%; top:48%; border-radius:45% 45% 20% 20%; background:linear-gradient(135deg,#dae4d4,#789b87 60%,#2d5542); transform:translate(-50%,-50%) rotate(-6deg); filter:drop-shadow(0 30px 30px rgba(10,30,20,.3)); }
.figure::before { position:absolute; content:""; width:112px; height:112px; left:50%; top:-65px; border-radius:50%; background:#bfceb9; transform:translateX(-50%); }
.figure::after { position:absolute; content:""; width:360px; height:28px; left:-73px; top:70px; border-radius:50%; background:#8cab98; transform:rotate(-9deg); }
.balance-line { position:absolute; z-index:1; width:80%; height:2px; left:10%; top:40%; background:var(--lime); transform:rotate(-9deg); }
.visual-card { position:absolute; z-index:3; left:30px; bottom:35px; width:245px; padding:21px; color:var(--ink); background:var(--lime); }
.visual-card span { font-size:8px; font-weight:900; }
.visual-card p { margin:28px 0 0; font-size:13px; line-height:1.5; }
.visual-card strong { display:block; font-size:16px; }
.visual-caption { position:absolute; z-index:3; right:25px; top:29px; font-size:8px; font-weight:800; letter-spacing:1.4px; writing-mode:vertical-rl; }
.services { padding:110px 8vw 130px; color:white; background:#17211c; }
.services-head { display:grid; grid-template-columns:1fr 2fr; align-items:start; margin-bottom:65px; }
.services-head > span { color:var(--lime); font-size:9px; font-weight:800; letter-spacing:1.5px; }
.services h2 { margin:0; font-size:clamp(40px,5vw,72px); line-height:1; letter-spacing:-3px; text-transform:uppercase; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.17); }
.service-grid article { position:relative; min-height:290px; padding:31px; border-right:1px solid rgba(255,255,255,.17); }
.service-grid article:first-child { border-left:1px solid rgba(255,255,255,.17); }
.service-grid article > span { color:var(--lime); font-size:9px; }
.service-grid h3 { max-width:270px; margin:55px 0 18px; font-size:22px; }
.service-grid p { max-width:270px; color:#9daaa3; font-size:12px; line-height:1.7; }
.service-grid a { position:absolute; right:28px; bottom:27px; color:var(--lime); font-size:22px; }
.demo-hint { position:fixed; z-index:3; left:22px; bottom:22px; display:flex; gap:11px; padding:13px 15px; border:1px solid rgba(23,33,28,.18); background:rgba(243,240,232,.9); box-shadow:0 12px 40px rgba(30,40,30,.1); backdrop-filter:blur(12px); }
.demo-hint > span { color:var(--green); }
.demo-hint p { margin:0; color:#68756d; font-size:9px; line-height:1.45; }
.demo-hint strong { display:block; color:var(--ink); }
@media(max-width:900px){.site-head{grid-template-columns:1fr auto}.site-head nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:90px 7vw 70px}.hero-visual{min-height:620px;margin:0 5vw 60px}.services-head{grid-template-columns:1fr;gap:30px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:first-child{border:1px solid rgba(255,255,255,.17);border-top:0}.demo-hint{display:none}}
@media(max-width:600px){.site-head{height:72px;padding:0 18px}.book-link{padding:13px}.book-link span{display:none}.hero{min-height:0}.hero-copy{padding:70px 22px 50px}h1{font-size:53px;letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions a,.hero-actions button{justify-content:center}.hero-facts{display:none}.hero-visual{min-height:490px;margin:0}.services{padding:75px 22px 100px}.services h2{font-size:41px}}