/* ============================================================================
   4founder redesign — page CSS for route "services"
   GENERATED by tools/redesign-port/extract.mjs from services/Services-v14-yves.dc.html
   (re-running the extractor overwrites this file). Loaded only on this route;
   shared rules live in ../base.css, palette/scale vars in ../tokens.css.
   ============================================================================ */

[id]{scroll-margin-top:120px}
.ff-field{font:inherit;font-size:0.96rem;color:var(--ff-heading);background:#fff;border:1.5px solid var(--ff-border);border-radius:0.8rem;padding:12px 14px;width:100%;transition:border-color .18s ease,box-shadow .18s ease;outline:none;resize:vertical}
.ff-field:focus{border-color:var(--ff-brand);box-shadow:0 0 0 4px rgba(var(--ff-brand-rgb),0.12)}

/* ── extracted style-hover/style-focus rules (must beat inline style="") ── */
.ff-redesign .ffh-1:hover{border-color:#a8d0ff !important}
.ff-redesign .ffh-2:hover{transform:translateY(-2px) !important}