/* Option C - talk (CTA) + footer. The close: loudest rhythm on the page
   (POLISH rule 1) - the biggest padding, the xl title size, and the one
   filled accent button (.ck-rec, from kit.css - not restyled here). */

.c-talk{ padding-block:clamp(96px,13vw,192px); }
.c-talk__h{ max-width:13ch; }
.c-talk__lead{ margin-top:clamp(20px,3vw,28px); }

.c-talk__actions{ display:flex; flex-direction:column; align-items:flex-start; gap:clamp(24px,3.4vw,32px); margin-top:clamp(40px,6vw,56px); }
.c-talk__alts{ display:flex; flex-wrap:wrap; gap:8px 24px; }

/* footer ------------------------------------------------------------------ */
.c-foot{ padding-block:clamp(40px,6vw,64px) clamp(24px,3.6vw,32px); }
.c-foot__wrap{ display:flex; flex-direction:column; gap:clamp(24px,4vw,36px); }
.c-foot__top{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px;
  padding-block-end:clamp(22px,3.6vw,32px); border-block-end:1px solid var(--line);
}
.c-foot__mark{ width:clamp(120px,15vw,168px); height:auto; }
.c-foot__nav{ display:flex; flex-wrap:wrap; gap:clamp(16px,3vw,32px); }
.c-foot__nav a{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px; color:#A8AEB6; text-decoration:none; transition:color var(--d-ui) var(--ease); }
.c-foot__nav a:hover, .c-foot__nav a:focus-visible{ color:#fff; }
.c-foot__meta{ display:flex; flex-direction:column; gap:6px; font-size:var(--t-small); color:#A8AEB6; }
.c-foot__note{ opacity:.85; }

@media (prefers-reduced-motion:reduce){
  .c-foot__nav a{ transition:none; }
}
.c-foot__a11y{ display:inline-flex; align-items:center; min-height:44px; color:#A8AEB6; text-decoration:underline; text-underline-offset:3px; }
.c-foot__a11y:hover, .c-foot__a11y:focus-visible{ color:#fff; }

/* floating WhatsApp (owner 23.9, instead of a phone menu): shows only between the big moments -
   hidden over the hero, over the pinned deck (its cards carry their own button) and over the
   contact section itself. Bottom-right; the accessibility button owns bottom-left. */
.c-fab{ position:fixed; right:16px; bottom:max(16px, env(safe-area-inset-bottom)); z-index:9990;
  display:inline-flex; align-items:center; gap:8px; min-height:48px; padding:0 16px;
  background:var(--red); color:#fff; font:700 16px/1 var(--he); text-decoration:none;
  box-shadow:0 8px 26px -6px rgba(0,0,0,.5);
  opacity:0; transform:translateY(12px); visibility:hidden; pointer-events:none;
  transition:opacity .3s var(--ease), transform .3s var(--ease), visibility 0s linear .3s, background-color var(--d-ui) var(--ease); }
.c-fab.is-on{ opacity:1; transform:none; visibility:visible; pointer-events:auto; transition-delay:0s; }
.c-fab:hover{ background:#E8261B; }
.c-fab:focus-visible{ outline:2px solid #fff; outline-offset:3px; }
@media (min-width:860px){ .c-fab{ right:24px; bottom:24px; min-height:52px; padding:0 20px; } }