body{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
html{scroll-padding-bottom:120px}
.contact-dock{position:fixed;z-index:50;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);display:flex;gap:8px;align-items:center;padding:8px;background:#161619;border:1px solid #ffffff30;border-radius:10px;box-shadow:0 8px 32px #0008}
.dock-label{padding:0 16px;color:#f4f1e9;font-size:var(--small)}
.contact-dock a{display:flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 20px;border-radius:5px;color:#f4f1e9;background:#ffffff0c;font-weight:700;white-space:nowrap}
.contact-dock .dock-call{background:#00bce1;color:#061c23}
.contact-dock .dock-estimate{background:#f6bd22;color:#16130a}
.contact-dock a:hover{filter:brightness(1.13)}
.contact-dock a:focus-visible,.project-cta a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.project-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:40px;padding:32px 0;border-block:1px solid var(--line)}
.project-cta h3{font:700 var(--title)/1.1 var(--display);margin:12px 0}
.project-cta p{font-size:var(--body);color:var(--muted);max-width:480px}
.project-cta .button{flex-shrink:0}
@media(max-width:900px){.dock-label{display:none}}
@media(max-width:760px){
 .project-cta{align-items:flex-start;flex-direction:column;gap:24px}
 .contact-dock{bottom:0;left:0;transform:none;width:100%;max-width:none;border-radius:0;border-width:1px 0 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));gap:6px;display:grid;grid-template-columns:1fr .85fr 1.45fr}
 .contact-dock a{display:flex;padding:12px 8px;gap:6px;font-size:var(--small)}
 .contact-dock a span{display:none}
}