:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;
--space-11:80px;--space-12:100px;--space-13:120px;

--container-max:1220px;    /* Betheme content width */
--container-gutter:12px;   /* column outer spacing → 1196px usable, 24px gutter */
--grid-gap:24px;
--section-py:100px;      /* vertical rhythm of a page band */
--section-py-tight:64px;
--topbar-h:43px;
--header-h:105px;         /* floating header card */
--header-h-sticky:74px;   /* stuck header bar */
--tile-size:150px;        /* hero service tile */
}
/* Betheme responsive steps */
@media (max-width:1239px){:root{--container-max:940px}}
@media (max-width:959px){:root{--container-max:708px}}
@media (max-width:767px){:root{--container-max:100%;--container-gutter:20px}}