/* "Start a project" form block + floating WhatsApp button, shared by every page.
   Scoped under .lead-sec / .wa-float so it can sit inside the hand-written product pages too. */
.lead-sec{padding:72px 0;position:relative;z-index:1}
.lead-sec .lead-wrap{max-width:1240px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:stretch}
.lead-sec .lead-intro{background:#161617;color:#fff;border-radius:26px;padding:48px 44px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.lead-sec .lead-intro::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M0 60 L60 0 M-15 15 L15 -15 M45 75 L75 45' stroke='%23fff' stroke-opacity='.05' stroke-width='1'/%3E%3C/svg%3E")}
.lead-sec .lead-eyebrow{font-family:'Space Mono',monospace;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:#A4A4AC;display:inline-flex;align-items:center;gap:11px;position:relative}
.lead-sec .lead-eyebrow::before{content:"";width:28px;height:1px;background:#A4A4AC}
.lead-sec .lead-intro h2{font-family:'Bricolage Grotesque','Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1;color:#fff;font-size:clamp(2rem,3.4vw,3rem);margin:18px 0 14px;position:relative}
.lead-sec .lead-intro p{color:#A4A4AC;font-size:1.02rem;line-height:1.6;position:relative}
.lead-sec .lead-details{margin-top:auto;padding-top:32px;display:flex;flex-direction:column;gap:14px;position:relative}
.lead-sec .lead-details a{display:inline-flex;align-items:center;gap:12px;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:15.5px;text-decoration:none}
.lead-sec .lead-details a:hover{opacity:.75}
.lead-sec .ic{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 34px}
.lead-sec .lead-card{background:#FBFBFC;border:1px solid #D7D7DD;border-radius:26px;padding:40px}
.lead-sec .lead-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lead-sec .lead-field{margin-bottom:16px}
.lead-sec .lead-field label{display:block;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5E5E66;margin-bottom:8px}
.lead-sec .lead-field input,.lead-sec .lead-field select,.lead-sec .lead-field textarea{width:100%;box-sizing:border-box;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:15.5px;color:#161617;background:#F1F1F3;border:1.5px solid #D7D7DD;border-radius:12px;padding:13px 15px;outline:none;transition:border-color .25s,box-shadow .25s}
.lead-sec .lead-field textarea{resize:vertical;min-height:104px}
.lead-sec .lead-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%235E5E66' stroke-width='2'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:38px}
.lead-sec .lead-field input:focus,.lead-sec .lead-field select:focus,.lead-sec .lead-field textarea:focus{border-color:#161617;box-shadow:0 0 0 3px rgba(22,22,23,.08)}
.lead-sec .lead-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:15.5px;padding:15px 26px;border-radius:44px;cursor:pointer;border:1.5px solid #161617;background:#161617;color:#fff;margin-top:6px}
.lead-sec .lead-submit[disabled]{opacity:.6;pointer-events:none}
.lead-sec .lead-note{font-size:12.5px;color:#5E5E66;margin-top:14px;text-align:center}
.lead-sec .lead-note a{color:#2C2C2F;text-decoration:underline}
.lead-sec .form-msg{display:none;border-radius:12px;padding:14px 16px;font-size:14.5px;margin-bottom:18px}
.lead-sec .form-msg.ok{display:block;background:#161617;color:#fff}
.lead-sec .form-msg.err{display:block;background:#fff;border:1.5px solid #161617;color:#161617}
.lead-sec .hp{position:absolute;left:-9999px}
@media(max-width:980px){.lead-sec .lead-wrap{grid-template-columns:1fr}}
@media(max-width:760px){
  .lead-sec{padding:54px 0}
  .lead-sec .lead-wrap{padding:0 18px}
  .lead-sec .lead-row{grid-template-columns:1fr}
  .lead-sec .lead-intro,.lead-sec .lead-card{padding:32px 24px}
}

.wa-float{position:fixed;right:20px;bottom:20px;z-index:90;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px -8px rgba(0,0,0,.45);transition:transform .25s ease}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:30px;height:30px;fill:currentColor}
.wa-float:focus-visible{outline:3px solid #161617;outline-offset:3px}
@media print{.wa-float{display:none}}