:root{
/* layout widths */
--page-max:1440px; /* header, hero, footer container */
--content-max:1160px; /* pricing, comparison, form grid */
--faq-max:904px;
--prose-max:760px; /* guide/legal article measure */
/* page gutters */
--gutter:72px; /* desktop */
--gutter-mobile:20px; /* ≤920px */
/* vertical rhythm */
--section-y:84px; /* standard section padding */
--section-y-hero:88px;
--section-y-sm:64px;
--section-y-mobile:56px;
/* recurring gaps (exact source values — no invented scale) */
--gap-2:2px;--gap-6:6px;--gap-8:8px;--gap-10:10px;--gap-12:12px;--gap-14:14px;--gap-18:18px;--gap-20:20px;--gap-22:22px;--gap-26:26px;--gap-40:40px;
/* card padding */
--pad-card:22px; /* email/report cards */
--pad-card-sm:18px; /* tier cards: 20px 18px 18px */
--pad-cell:11px 18px 12px; /* @kind spacing */ /* comparison rows */
--pad-input:13px 14px; /* @kind spacing */
--pad-btn:16px 26px; /* @kind spacing */ /* hero CTA */
--pad-btn-sm:10px 18px; /* @kind spacing */ /* header CTA */
}