/* Spacing, layout and radii. Section rhythm is fluid (clamp), component
   padding is fixed px — copy the exact values, do not snap to a 4/8 grid. */
:root{
  --maxw:1120px;
  --gutter:clamp(20px,5vw,40px); /* @kind spacing */

  --section-y:clamp(52px,8vw,96px); /* @kind spacing */
  --hero-y-top:clamp(48px,7vw,92px); /* @kind spacing */
  --hero-y-bottom:clamp(40px,6vw,72px); /* @kind spacing */
  --footer-y:clamp(40px,6vw,64px); /* @kind spacing */

  --gap-hero:clamp(28px,5vw,60px); /* @kind spacing */
  --gap-cards:clamp(16px,2.4vw,26px); /* @kind spacing */
  --gap-steps:clamp(18px,3vw,36px); /* @kind spacing */
  --gap-split:clamp(28px,5vw,56px); /* @kind spacing */
  --section-head-mb:clamp(28px,4vw,48px); /* @kind spacing */

  --pad-card:22px 22px 26px; /* @kind spacing */
  --pad-formcard:clamp(22px,3vw,34px); /* @kind spacing */
  --pad-panel:clamp(26px,4vw,42px); /* @kind spacing */
  --pad-benefit:18px 20px; /* @kind spacing */

  --field-gap:16px;
  --nav-h:66px;

  --radius:16px;      /* cards, panels, plates */
  --radius-input:10px; /* inputs, flash messages */
  --radius-tag:6px;    /* gold tags */
  --radius-pill:999px; /* buttons, chips, captions */
}