:root{
--radius-sm:3.5px;      /* 0.25rem */
--radius:5px;           /* $border-radius 0.357rem; btn 0.358rem */
--radius-card:6px;      /* $card-border-radius 0.428rem */
--radius-lg:8.4px;      /* 0.6rem */
--radius-mk-btn:10px;   /* hero CTA */
--radius-panel:20px;    /* .rd-list-wrapper */
--radius-pill:999px;
--shadow-card:0 4px 24px 0 rgba(34,41,47,.1);            /* $box-shadow */
--shadow-input-focus:0 3px 10px 0 rgba(34,41,47,.1);
--shadow-btn-hover:0 8px 25px -8px rgba(51,50,71,.6);       /* Vuexy btn hover glow */
--shadow-dropdown:0 5px 25px rgba(34,41,47,.1);
--shadow-header:0 0 30px rgba(0,0,0,.1);                 /* marketing header drop-shadow */
--shadow-mk-image:0 4px 18px -5px rgba(0,0,0,.28);        /* How It Works screenshots */
--shadow-mk-float:6px 2px 21px rgba(0,0,0,.15);           /* Trusted brands floating box */
--shadow-mk-active:0 10px 12.5px rgba(0,0,0,.1);          /* FAQ active slide */
--shadow-chat-bubble:0 4px 8px 0 rgba(34,41,47,.12);
--ease:ease; /* @kind other */
--dur-fast:.15s; /* @kind other */
--dur:.2s; /* @kind other */
--dur-slow:.5s; /* @kind other */
}