/* =====================================================================
   TripleDart — Claude SEO stylesheet
   Ordered: fonts · tokens · layout · shared components · then section
   skins in page order (nav → hero → … → footer). Mobile type in
   responsive.css. Nav uses the Bootstrap navbar (expand-lg).
   ===================================================================== */

/* =====================================================================
   FONTS — NeuSans Trial (display) · Rubik loads from Google Fonts
   ===================================================================== */

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-lightitalic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-book.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-bookitalic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-mediumitalic.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-bolditalic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NeuSans Trial";
    src: url("../fonts/neusans/neusanstrial-blackitalic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* =====================================================================
   TOKENS & BASE RESET
   ===================================================================== */

:root {
    /* spacing scale — the only allowed spacing values */
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-60: 60px;
    --space-64: 64px;
    --space-72: 72px;
    --space-80: 80px;
    --space-96: 96px;
    --space-120: 120px;

    /* layout tokens (mobile-first defaults; bumped in media queries below) */
    --container-max: 1280px;
    --container-x: 20px; /* container horizontal padding */
    --section-pad: 50px; /* section vertical rhythm */
    --section-gap: 40px; /* heading ↔ content gap */

    /* brand palette */
    --sc-green: #d2ff00;
    --sc-dark: #1b1b1b;
    --sc-dark-800: #212121;
    --sc-ink: #1a1a1a;
    --sc-beige: #f2f2e6;
    --sc-hero-beige: #e7e7dd;
    --sc-sand: #e5e5da;
    --sc-purple: #3f50eb;
    --sc-olive: #626152;
    --sc-carpet: #81806e;
    --sc-forest: #25281e;
    --sc-norris: #f4f4ed;
    --sc-grey-700: #404040;
    --sc-grey-300: #d3d3d3;
    --sc-border: #434343;

    /* type */
 --sc-head: "NeuSans Trial", Arial, sans-serif;
    --sc-body: "Rubik", Arial, sans-serif;

    /* one transition for every hover */
    --sc-ease: 0.25s ease;
}

@media (min-width: 768px) {
    :root {
        --container-x: 40px;
        --section-pad: 80px;
        --section-gap: 60px;
    }
}

@media (min-width: 1200px) {
    :root {
        --section-pad: 120px;
        --section-gap: 72px;
    }
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--sc-body);
    font-size: 16px;
    line-height: 1.5;
    color: var(--sc-dark-800);
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: var(--sc-head);
    font-weight: 700;
    line-height: 1.2;
    color: var(--sc-dark-800);
}

p {
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

svg {
    display: block;
}

.highlighed-text{
	color:#D2FF00;
}

/* =====================================================================
   LAYOUT PRIMITIVES — section / container / blocks / backgrounds
   ===================================================================== */

.section {
    position: relative;
    overflow: hidden;
}

.section-padding {
    padding-top: var(--section-pad);
    padding-bottom: var(--section-pad);
}

.container {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;

}

.section-block {
    display: flex;
    flex-direction: column;
    gap: var(--section-gap);
}

.section-block-heading {
    display: flex;
    flex-direction: column;
    gap: var(--space-40);
}

.section-block-heading--center {
    align-items: center;
    text-align: center;
}

.section-block-heading-content {
    display: flex;
    flex-direction: column;
    gap: var(--space-20);
}

.section-block-heading-content.hero-content {
	
	  gap: var(--space-40);
}

.section-block-heading--center .section-block-heading-content {
    align-items: center;
}

.section-block-heading-actions {
    display: flex;
    gap: var(--space-16);
    flex-wrap: wrap;
    align-items: center;
}

.section-block-content {
    display: block;
}

.section-block-content--stack {
    display: flex;
    flex-direction: column;
    gap: var(--space-48);
}

.bg-hero {
    background: var(--sc-hero-beige);
}

.bg-beige {
    background: var(--sc-beige);
}

.bg-ink {
    background: var(--sc-ink);
}

.bg-sand {
    background: var(--sc-sand);
}

.section--sand-lines > * {
    position: relative;
    z-index: 1;
}

.bg-shades{
	    background: var(--sc-beige) url("../../uploads/images/bg-shades.png") no-repeat center top;
}

.bg-dark-grey-ui{
	background:#262626;
}

.grey-shades::before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjQxNiIgdmlld0JveD0iMCAwIDE0NDAgNDE2IiBmaWxsPSJub25lIj48cGF0aCBvcGFjaXR5PSIwLjEiIGQ9Ik0yOTk2IDYuMTA0NDlDMjk1My44IDUuODM0NTkgMjkxMC44OSAzLjE4NDYgMjg2OS41MiAxLjQ5MjE5QzI4NDEuNDcgMC4zNzg2OTMgMjgxMy4xMiAtMC4yMzM1MjEgMjc4NC43IC0wLjMzOTg0NEMyNjgzLjA0IC0wLjkyMzE1NyAyNTcyLjQ5IC0wLjQxNDAwMSAyNDcwLjEgLTAuNDE5OTIySDE4NTUuOTNMMjUuODM2OSAtMC40MDIzNDRDMTcuODM3NCAtMC4zNDI4OTYgNi45MjE4OCAwLjAzNjkyNjMgMC44OTE2MDIgLTEuMDM1MTZDMC43MzkwMTQgLTIuMjQyIDAuMTI4NDE4IC0yLjczNjIxIDIuNTU1NjYgLTMuNzE5NzNDMTMuOTYwNCAtNC4xOTc0NSA2MC40MzA5IC0zLjkyMTc1IDc0LjcwNTEgLTMuOTE5OTJMMjM0LjE0OSAtMy45MTY5OUw4MjkuNDk5IC0zLjkyMDlMMjk5NS45NiAtMy44OTc0NkwyOTk2IDYuMTA0NDlaTTI5OTYgMjEuODE5M0MyOTUzLjggMjEuNTQ5NCAyOTEwLjg5IDE4Ljg5OTQgMjg2OS41MiAxNy4yMDdDMjg0MS40NyAxNi4wOTM1IDI4MTMuMTIgMTUuNDgxMyAyNzg0LjcgMTUuMzc1QzI2ODMuMDQgMTQuNzkxNyAyNTcyLjQ5IDE1LjMwMDggMjQ3MC4xIDE1LjI5NDlIMTg1NS45M0wyNS44MzY5IDE1LjMxMjVDMTcuODM3NCAxNS4zNzE5IDYuOTIxODggMTUuNzUxOCAwLjg5MTYwMiAxNC42Nzk3QzAuNzM5MDE0IDEzLjQ3MjggMC4xMjg0MTggMTIuOTc4NiAyLjU1NTY2IDExLjk5NTFDMTMuOTYwNCAxMS41MTc0IDYwLjQzMDkgMTEuNzkzMSA3NC43MDUxIDExLjc5NDlMMjM0LjE0OSAxMS43OTc5TDgyOS40OTkgMTEuNzkzOUwyOTk1Ljk2IDExLjgxNzRMMjk5NiAyMS44MTkzWk0yOTk2IDM4LjE2NkMyOTQxLjYxIDM4LjE3NzEgMjg4NC44OCAzOC40ODE3IDI4MzAuOTYgMzcuMDYyNUMyODAwLjExIDM2LjI1MDYgMjc2Ny44MiAzNC40MjUgMjczNi45NiAzMy4yNDMyQzI3MDYuOTYgMzIuMTMgMjY3Ni42NSAzMS41NTU2IDI2NDYuMyAzMS41MjM0TDI3LjQxNiAzMS41MTg2QzE4LjAxMiAzMS42MDY0IDguNjg0MDggMzIuMDQ0IDEuNDYyODkgMzAuODYzM0MwLjIyNjMxOCAyOS42MjkxIDAuNTMxNDk0IDI5LjQ0NzcgMS4xMjY5NSAyOC4xNTMzQzYuMzkzOCAyNy4wMjYyIDk0LjUxMjkgMjcuNTUxMSAxMDkuMjkxIDI3LjU1MDhMMzMzLjYwMyAyNy41NDQ5TDEwMTMuMzYgMjcuNTQzTDI5OTYgMjcuNTQ3OUwyOTk2IDM4LjE2NlpNMjgzOS42NSA1NC42MDg0QzI3OTguNzQgNTQuNjA0NyAyNzU4LjM0IDU0LjczMSAyNzE3LjQ4IDUzLjk2NjhDMjY4MC41OSA1My4yNzY0IDI2NDUuMzggNTEuMzI0MyAyNjA4Ljk3IDQ5Ljk4NjNDMjU3Ny44MiA0OC44OTU0IDI1NDYuNCA0OC4zMTk0IDI1MTQuOTMgNDguMjYzN0wyNS44MjgxIDQ4LjI0MzJDMTYuODA1NyA0OC4yNDU0IDcuMzI1MiA0OC45OTk4IDAuOTU4OTg0IDQ3LjM2MTNDMC4zNjM3NyA0NS45OTA3IDAuMjU2ODM2IDQ1Ljc2NCAxLjQxNjk5IDQ0LjQyMDlDNC41NDY2MyA0My44MDk1IDEzLjAxOTUgNDMuODAzOSAxNy4wOTU3IDQzLjgxMDVDMTIxLjgzOSA0My45ODQxIDIyNi43MiA0My45MDQ0IDMzMS40NzkgNDMuOTAzM0wxMDI3Ljk3IDQzLjkwMDRMMjk5NiA0My45MjE5TDI5OTUuOTcgNTQuNjA3NEwyODM5LjY1IDU0LjYwODRaTTI3NTMuMjIgNzEuMTIxMUMyNzAyLjgzIDcxLjExNzggMjY1Mi43OCA3MS4yNjk5IDI2MDIuNDIgNzAuNzEwOUMyNTU4LjY1IDcwLjIyNDcgMjUyMC4xOSA2OC4wOTgyIDI0NzcuMyA2Ni42MzI4QzI0NDcuNDcgNjUuNjM1MyAyNDE3LjQgNjUuMTA1NiAyMzg3LjI5IDY1LjA0NjlMMjUuODIyMyA2NS4wMzUyTDAuNTg2OTE0IDY1LjAzMDNMMC42MTcxODggNjAuMjIzNkwyOTk2IDYwLjI1TDI5OTUuOTQgNzEuMTMwOUwyNzUzLjIyIDcxLjEyMTFaTTI2NjQuMjcgODcuNzc4M0MyNjA1LjE3IDg3Ljc3NzIgMjU0Ni40MiA4Ny44ODYzIDI0ODcuMzEgODcuNTU2NkMyNDM0LjMyIDg3LjI2MTMgMjM5MS43MyA4NC43ODQ4IDIzNDAuNDkgODMuMjQ0MUMyMzExLjYgODIuNDM3OCAyMjgyLjU1IDgxLjk5NjcgMjI1My40NyA4MS45MjI5TDE1MDUuNDIgODEuOTAzM0wyNS44NTA2IDgxLjkwODJMMC41OTk2MDkgODEuOTA0M0wwLjU4NDk2MSA3Ni43NDYxTDI5OTYgNzYuNzU3OEwyOTk1Ljk3IDg3Ljc4NDJMMjY2NC4yNyA4Ny43NzgzWk0yNTgzLjI2IDEwNC41MzlDMjQ2Ni4wOCAxMDQuNTM1IDIzNDYgMTA1Ljk0NyAyMjMwLjM0IDEwMC45MTlDMjE5OS41MyA5OS41Nzk5IDIxNjEuNTUgOTkuMTU0MiAyMTMwLjI5IDk5LjA4ODlMMjkuNDMyNiA5OS4wODk4TDAuNTYzNDc3IDk5LjA5OTZMMC41MTc1NzggOTMuNDAyM0wyOTk2IDkzLjQwNDNMMjk5NS45IDEwNC41NDlMMjU4My4yNiAxMDQuNTM5Wk0yNDk3LjI3IDEyMS42OTFDMjQxMC40NyAxMjEuNjkgMjMyMS43OSAxMjEuODk2IDIyMzUuMTkgMTIxLjU3N0MyMTU1LjA5IDEyMS4yODMgMjA4NC45MSAxMTYuNTE5IDIwMDEuNTkgMTE2LjUxNEMxNzc4LjgyIDExNi40OTkgMTU1NS45NiAxMTYuNDg2IDEzMzMuMiAxMTYuNDg4TDIxLjI1MjkgMTE2LjQ5NUwwLjU5NzY1NiAxMTYuNTFMMC42Mjc5MyAxMTAuMzI4TDI5OTYgMTEwLjM0TDI5OTUuOTQgMTIxLjdMMjQ5Ny4yNyAxMjEuNjkxWk0yNDEyLjQ2IDEzOC44NjhDMjMxMS4wOCAxMzguODY4IDIyMDkuMTggMTM4Ljk4OCAyMTA3Ljg0IDEzOC44MDRDMjAzMS41NyAxMzguNjY1IDE5NjAuMzMgMTM0LjIxIDE4ODEuNjcgMTM0LjAyMkwyMy45MjQ4IDEzNC4wMTZMMC42Mjc5MyAxMzQuMDE5TDAuNjEzMjgxIDEyNy4zNjVMMjk5NS45NSAxMjcuMzczTDI5OTYgMTM4Ljg2OUwyNDEyLjQ2IDEzOC44NjhaTTIzMDMuOTIgMTU2LjA5MUMyMTkzLjcyIDE1Ni4wOTMgMjA4Mi4zNCAxNTYuMjc1IDE5NzIuMjEgMTU2LjAzQzE4OTYuODEgMTU1Ljg2MiAxODI1LjAyIDE1MS43MDUgMTc0NS4xMSAxNTEuNTNMMTcuMTAzNSAxNTEuNTMxTDAuNjc2NzU4IDE1MS41MzJMMC42NjIxMDkgMTQ0LjUxN0wyOTk2IDE0NC41MjdWMTU2LjFMMjMwMy45MiAxNTYuMDkxWk0yMzA2LjU1IDE3My41NzNDMjE1NS42NSAxNzMuNTczIDIwMDQuNTMgMTczLjYyNCAxODUzLjYyIDE3My41MTdDMTc3My43MiAxNzMuNDU5IDE3MDAuNzMgMTY5LjQ1IDE2MTkuOTIgMTY5LjI2TDE5LjcyOTUgMTY5LjIzNkwwLjU5OTYwOSAxNjkuMjI4TDAuNTg0OTYxIDE2MS43NzRMMjk5NiAxNjEuNzY2TDI5OTUuOTUgMTczLjU3NUwyMzA2LjU1IDE3My41NzNaTTE3MjkuNiAxOTEuMDk1QzE2NDMuNzIgMTkwLjkzNCAxNTY3LjA0IDE4Ny4xMTYgMTQ4Mi4zOSAxODcuMDc0QzEzMTcuNDUgMTg2Ljk5MyAxMTUyLjQgMTg3LjA1MSA5ODcuNDc5IDE4Ny4wNTNMMTYuNjkzNCAxODcuMDQ1TDAuNjMyODEyIDE4Ny4wNTVMMC41ODY5MTQgMTc5LjE5MUwyOTk2IDE3OS4yMDJMMjk5NS45NiAxOTEuMTI5TDE3MjkuNiAxOTEuMDk1Wk0yMTE1LjYzIDIwOC43ODlDMTkzOC45IDIwOC43OTUgMTc2Mi4wOSAyMDguOTE3IDE1ODUuMzcgMjA4LjczMUMxNTA3Ljk1IDIwOC42NSAxNDMxLjk3IDIwNS4yNjkgMTM1My4yMSAyMDUuMTE3TDE5LjM1MjUgMjA1LjEwMUM1LjYyODQyIDIwNS4yNzYgLTEuMjcyMjIgMjA1LjM5MiAwLjI4NDE4IDIwMS4yOTlDMC43NzI3MDUgMjAwLjAwMyAwLjYwNTQ2OSAxOTguMDc2IDAuNjUxMzY3IDE5Ni43MzdMMjk5NS45NiAxOTYuNzYyTDI5OTYgMjA4Ljc5N0wyMTE1LjYzIDIwOC43ODlaTTE0NzYuMTcgMjI2LjcxNUMxMzg4LjkzIDIyNi41NyAxMzA5LjQ5IDIyMy4zMTMgMTIyMy44IDIyMy4yMzlDMTA4MS4zNSAyMjMuMTE2IDkzOC42NyAyMjMuMjEyIDc5Ni4yMDIgMjIzLjIxOEwxNi4xMjcgMjIzLjIyOEwwLjY3NzczNCAyMjMuMjVMMC41NDAwMzkgMjE0LjQ0NUwyOTk2IDIxNC40NzVMMjk5NS45MSAyMjYuNzY1TDE0NzYuMTcgMjI2LjcxNVpNMTM1NS45NCAyNDQuOTU3QzEzMjMuODUgMjQ0LjkyNCAxMjkxLjc5IDI0NC42NiAxMjU5Ljc4IDI0NC4xNjRDMTIxMS4wMSAyNDMuMyAxMTYxLjQ2IDI0MS44MjQgMTExMi40OCAyNDEuNzk1Qzk4NS43MjUgMjQxLjcxOSA4NTguODc1IDI0MS43NSA3MzIuMTE3IDI0MS43NUwwLjYwNDQ5MiAyNDEuNzQ2TDAuNjk2Mjg5IDIzMy45ODJMMS4wNDY4OCAyMzIuODEzQzEuOTMyMTMgMjMyLjY3NiAyLjgzMzUgMjMyLjUzOSAzLjcxODc1IDIzMi40MDFDNDIuMzQzIDIzMi4zNDQgOTMuMTk2IDIzMi4zOTEgMTMwLjQxNiAyMzIuMzk4TDYwMC45MzIgMjMyLjQxMkwyOTk1Ljk2IDIzMi40MTdMMjk5NiAyNDQuOTQ1TDEzNTUuOTQgMjQ0Ljk1N1pNMTIxNi4wOCAyNjMuMzIxQzExMzIuODkgMjYzLjE3MiAxMDU0LjA0IDI2MC40OTQgOTcyLjEyMSAyNjAuMzU2Qzg1OC43MjEgMjYwLjE2NiA3NDQuODAyIDI2MC4yOTEgNjMxLjM3MSAyNjAuMjk3TDkuNDEyMTEgMjYwLjNMMy42NzE4OCAyNjAuMjQ5Qy0xLjkxNTc3IDI1OC41MTMgMC40ODEyMDEgMjUzLjEwNiAwLjY3OTY4OCAyNTAuNTY3TDI5OTUuOTIgMjUwLjU2OUwyOTk2IDI2My4zMjJMMTIxNi4wOCAyNjMuMzIxWk0xMDc1LjQxIDI4MS45NzhDMTAwMS40NiAyODEuODc4IDkyOS4zMjYgMjc5LjUyOSA4NTYuODEgMjc5LjM5NUM3NjAuMDUgMjc5LjIxNSA2NjIuNTc0IDI3OS4zNTMgNTY1Ljc2OSAyNzkuMzUySDcuODgxODRDMi44MTM3MiAyNzkuMzA0IDQuNDE2MjYgMjc5LjUgMS4zNDc2NiAyNzguNzU3Qy0wLjUyOTc4NSAyNzYuMjQ2IDAuNDQ3MDIxIDI3MS44NSAwLjU2OTMzNiAyNjkuMTE1QzEyNS44OTMgMjY4LjcwNyAyNTUuMTU1IDI2OS4wOTggMzgwLjczNyAyNjkuMDk3TDExMzEuNTkgMjY5LjA5NUwyOTk2IDI2OS4xMjlMMjk5NS45IDI4MS45OTNMMTA3NS40MSAyODEuOTc4Wk05NTcuNjczIDMwMC42MzJDODc2LjM3OSAzMDAuNTUxIDc5OC45MzEgMjk4LjQ2OSA3MTguNjQ1IDI5OC4yOEM2MzcuMjQzIDI5OC4wOTIgNTU0LjgxOSAyOTguMjQzIDQ3My4zNDIgMjk4LjI0M0w2LjM5ODQ0IDI5OC4yNTVDNS42MDQ0OSAyOTguMjUxIDMuMDI0MTcgMjk4LjA4NSAyLjEzODY3IDI5OC4wMzNDLTAuNzkyMjM2IDI5Ni4yMTcgMC40OTAyMzQgMjg5Ljg1MiAwLjY1ODIwMyAyODcuNjA0TDI5OTYgMjg3LjYzNUwyOTk1Ljk1IDMwMC42MTdMOTU3LjY3MyAzMDAuNjMyWk04MTMuNTE0IDMxOS40MjdDNzQxLjE5NiAzMTkuMzY0IDY2OC45MjQgMzE3LjQxNSA1OTcuNTUzIDMxNy4zNzhDNDAwLjU2OCAzMTcuMjY3IDIwMy4zODYgMzE3LjMyNiA2LjQwMTM3IDMxNy4zM0MzLjY4NDA4IDMxNy4zMyA0LjUwODA2IDMxNy4zMTUgMS43OTEwMiAzMTcuMDI3Qy0wLjYyMTA5NCAzMTUuMTUyIDAuNDc3NTM5IDMwOC41MTcgMC42NDU1MDggMzA2LjIzOUwyOTk1Ljk4IDMwNi4yODNMMjk5NiAzMTkuNDM1TDgxMy41MTQgMzE5LjQyN1pNNjk5LjM0NCAzMzguMjhDNjIwLjkyIDMzOC4yMzIgNTQ2LjE0NCAzMzYuNzIyIDQ2OS4wNjMgMzM2LjYwMUMzMTUuMDI0IDMzNi4zNTcgMTYwLjM4OCAzMzYuNTMxIDYuMzE4MzYgMzM2LjU0MkMzLjE1ODQ1IDMzNi41NDYgNC43MTUwOSAzMzYuNTkzIDEuNjc3NzMgMzM2LjE4Qy0wLjQ5MDIzNCAzMzQuMzQ4IDAuNDI1MjkzIDMyNy4yNjQgMC40ODYzMjggMzI1LjA0NUwyOTk2IDMyNS4wODZMMjk5NS45NCAzMzguMjg4TDY5OS4zNDQgMzM4LjI4Wk0yOTk2IDM1Ny4zNjVDMjkwOC40NCAzNTcuNzIgMjgxNi45IDM1Ny4zODMgMjcyOC45OSAzNTcuMzgzTDIxOTkuMDYgMzU3LjM5MUw1NjMuMTc5IDM1Ny40MDFDNTM5LjY5OSAzNTcuMzgzIDUxNS41NjMgMzU3LjM3OSA0OTIuMTI5IDM1Ny4xMTdDMzI5LjU3MSAzNTUuMzAxIDE2Ni44MTMgMzU1LjkwNiA0LjA0MTAyIDM1NS45MUMzLjQ2MDY5IDM1NS44NzMgMS44NDI3NyAzNTUuNTY0IDEuMjYyNyAzNTUuNDY0Qy0wLjIxODI2MiAzNTIuODM1IDAuNTMwMDI5IDM0Ni43OTUgMC42MDY0NDUgMzQzLjg5NkwyOTk1Ljk2IDM0My45MTFMMjk5NiAzNTcuMzY1Wk0yLjY3NzczIDM3NS41ODFMMS40NDE0MSAzNzUuMjg2Qy0wLjExNTcyMyAzNzMuNTU4IDAuNjAxNTYyIDM2NS4zOTIgMC42NDc0NjEgMzYzLjEzNkwyOTk2IDM2My4xNEwyOTk1Ljk3IDM3Ni43NzdMMi42Nzc3MyAzNzUuNTgxWk0xLjE1MTM3IDM5NS4yOTdDLTAuMjA3Mjc1IDM5Mi44NiAwLjU0MTAxNiAzODUuMjEgMC41NDEwMTYgMzgyLjM4NkwyOTk2IDM4Mi40MTFMMjk5NS45NCAzOTYuMTI3TDEuMTUxMzcgMzk1LjI5N1pNMC43NDEyMTEgNDE2QzAuMDY5NTgwMSA0MTEuNjM2IDAuNTczNDg2IDQwNi4xNzYgMC40OTcwNyA0MDEuNzM4SDI5OTZMMjk5NS45MyA0MTUuOTk3TDAuNzQxMjExIDQxNloiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl83MzNfMTM4MjgpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzczM18xMzgyOCIgeDE9IjE0OTgiIHkxPSI0MzAuMjIyIiB4Mj0iMTQ5OCIgeTI9Ii0xNS44MTc0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjQ1NjY2OCIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
	    top: -4.001px;
    left: 0;
	z-index: 0;
}

.grey-shades > *{
	  position: relative;
    z-index: 1;
}

/* =====================================================================
   SHARED COMPONENTS — grids, split, groups, marquee, type, buttons, tags, cards
   ===================================================================== */

.card-grid {
    display: grid;
    gap: var(--space-20);
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .card-grid--cols-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .card-grid--cols-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.split {
    display: grid;
    gap: var(--space-48);
    grid-template-columns: 1fr;
    align-items: center;
}

@media (min-width: 992px) {
    .split {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-64);
    }
	 .split.split-nonequal{
		grid-template-columns: 1.1fr 0.9fr;
        gap: var(--space-40);
	 }
}

.split__copy {
    display: flex;
    flex-direction: column;
    gap: var(--space-40);
    align-items: flex-start;
}

.group {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
}

.group__label {
    font-family: var(--sc-head);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    color: var(--sc-forest);
}

.logo-wall {
    overflow: hidden;
    background: #282828;
}

.logo-wall__track {
    display: flex;
    width: max-content;
    animation: sc-scroll 46s linear infinite;
}

.logo-wall:hover .logo-wall__track {
    animation-play-state: paused;
}

.logo-wall__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 200px;
    flex: none;
    border-right: 0.5px solid #666;
}

.logo-wall__item img {
    width: auto;
    transition:
        opacity var(--sc-ease),
        filter var(--sc-ease);
}

.logo-wall__item:hover img {
    opacity: 1;
    filter: none;
}

@keyframes sc-scroll {
    to {
        transform: translateX(-50%);
    }
}

.feature-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.feature-list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    font-size: 18px;
    line-height: 1.5;
}

.feature-list__ic {
    width: 16px;
    height: 16px;
    flex: none;
    margin-top: 5px;
}

.feature-list__ic svg {
    width: 100%;
    height: 100%;
}

.feature-list.lime-color-icons svg{
	color:#D0FF00
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-top: 2px solid var(--sc-dark-800);
    padding-right: 12px;
	    margin-bottom: 20px;
}

.eyebrow.eyebrow-white{
	border-color:#ffffff;
}

.eyebrow__ic {
    width: 24px;
    height: 24px;
    flex: none;
    color: var(--sc-dark-800);
}

.eyebrow__ic svg {
    width: 100%;
    height: 100%;
}

.eyebrow__tx {
    font-family: var(--sc-head);
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    padding-top: 4px;
}

.eyebrow.eyebrow-white .eyebrow__ic,
.eyebrow.eyebrow-white .eyebrow__tx {
	 color:#ffffff;
}

.title-hero {
    font-size: 72px;
    line-height: 1.02;
    letter-spacing: -1.08px;
    max-width: 900px;
}

.title-lg {
    font-size: 56px;
    line-height: 1.05;
}

.title-md {
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.subhead {
    font-family: var(--sc-head);
    font-weight: 600;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.13px;
    color: var(--sc-purple);
}

.lead {
    font-size: 18px;
    line-height: 1.5;
    color: var(--sc-dark-800);
    max-width: 651px;
}

.lead--wide {
    max-width: 800px;
}

.tag-green {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 12px;
    background: var(--sc-green);
    color: var(--sc-dark-800);
    font-size: 16px;
    line-height: 24px;
}

.tag-pill {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 0.8px solid var(--sc-beige);
    border-radius: 160px;
    font-family: var(--sc-head);
    font-weight: 400;
    font-size: 12.8px;
	line-height: 100%;
    letter-spacing: -0.26px;
    text-transform: uppercase;
    color: var(--sc-beige);
}

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition:
        transform var(--sc-ease),
        box-shadow var(--sc-ease);
		border-radius:0px;
}

.card--dark {
    background: var(--sc-dark-800);
    padding: 24px 24px 40px;
    justify-content: space-between;
    gap: 40px;
}

.card--dark.card--grey{
    background:#3E3E3E;
}

.card--dark:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.5);
}

.card__top {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.card__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #fff;
	border-radius:0px;
}

.card__title {
    font-family: var(--sc-head);
    font-weight: 500;
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -0.13px;
    color: #fff;

}

.card__text {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

/* buttons — .btn wraps a text pill (.btn__label OR .btn-secondary) + arrow
   (.btn__ic). On hover the two slide past each other (icon → left, behind
   the pill); distances are measured per-button in the page script. */
.btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    --bs-btn-padding-x: 0;   /* neutralise Bootstrap's own .btn padding */
    --bs-btn-padding-y: 0;
}
.btn__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 14px 16px;
    background: var(--sc-dark);
    color: #fff;
    border-radius: 6px;
    font-family: var(--sc-head);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    transition:
        background-color var(--sc-ease),
        transform var(--sc-ease);
}
.btn__label.btn-beige {
    background: #f2f2e6;
    color: #1a1a1a;
}
.btn__ic {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: var(--sc-green);
    border-radius: 6px;
    color: var(--sc-dark);
    position: relative;
    z-index: 1;
    transition:
        transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow var(--sc-ease);
}
.btn__ic svg {
    width: 24px;
    height: 24px;
}
/* .btn-secondary acting as the pill inside a .btn (scoped so standalone
   secondary buttons are untouched) */
.btn .btn-secondary {
    position: relative;
    z-index: 2;
    transition:
        background-color var(--sc-ease),
        color var(--sc-ease),
        transform var(--sc-ease);
}
.btn:hover .btn__label,
.btn:hover .btn-secondary {
    transform: translateX(var(--swap-x-label, 52px));
}

.btn:hover .btn__ic {
    transform: translateX(var(--swap-x-ic, -120px));
}
.btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 12px 20px;
    background: #f2f2e6;
    border: 1px solid var(--sc-dark);
    border-radius: 6px;
    color: var(--sc-dark);
    font-family: var(--sc-head);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    transition:
        background-color var(--sc-ease),
        color var(--sc-ease);
}
.btn-secondary:hover {
    background: var(--sc-dark);
    color: #fff;
}
.btn-card {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: 10px;
    padding: 5px 12px;
    background: var(--sc-grey-700);
    color: var(--sc-grey-300);
    border-radius: 2px;
    font-family: var(--sc-head);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    transition:
        background-color var(--sc-ease),
        color var(--sc-ease);
}
.btn-card:hover {
    background: var(--sc-green);
    color: var(--sc-dark);
}

/* =====================================================================
   NAV
   ===================================================================== */

/* Bootstrap navbar (navbar-expand-lg) restyled to the site.
   Bootstrap toggles the mobile dropdown + hamburger; no custom JS. */
.nav.navbar {
    position: sticky;
    top: 0;
    z-index: 900;
    padding: 0;
    background: var(--sc-beige);
    border-bottom: 1px solid rgba(129, 128, 110, 0.2);
}
.nav__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding-top: 16px;
    padding-bottom: 16px;
}
.nav__brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: none;
    color: var(--sc-dark);
}
.nav__mark {
    width: 22px;
    height: 22px;
    flex: none;
    border-radius: 4px;
    background: var(--sc-dark);
    position: relative;
}
.nav__mark::after {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 50%;
    height: 2px;
    transform: translateY(-50%);
    background: var(--sc-green);
}
.nav__brand-text {
    font-family: var(--sc-head);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.2px;
}
/* collapsible region: links + CTA (Bootstrap shows it inline >= lg) */
.nav__collapse {
    align-items: center;
    gap: 24px;
}
.nav__menu {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-inline: auto;
}
.nav__menu a {
    font-family: var(--sc-head);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    color: var(--sc-forest);
    transition: color var(--sc-ease);
}
.nav__menu a:hover {
    color: var(--sc-purple);
}
.nav__ctas {
    display: flex;
    align-items: center;
    flex: none;
}
/* hamburger — Bootstrap shows < lg, hides >= lg */
.nav__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--sc-dark);
    cursor: pointer;
}
.nav__toggle:focus {
    box-shadow: none;
    outline: none;
}
.nav__toggle svg {
    width: 26px;
    height: 26px;
}
/* mobile dropdown panel */
@media (max-width: 991.98px) {
    .nav__collapse {
        padding: 8px 0 16px;
    }
    .nav__menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        margin: 0;
    }
    .nav__menu a {
        width: 100%;
        padding: 12px 0;
    }
    .nav__ctas {
        padding-top: 8px;
    }
    .nav__ctas .btn {
        width: 100%;
    }
    .nav__ctas .btn__label {
        flex: 1;
    }
}

/* =====================================================================
   HERO
   ===================================================================== */

.section--hero-lines::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: url("../../uploads/images/hero/hero-striped-background.png") top center / cover no-repeat;
    -webkit-mask: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.18) 58%, transparent 100%);
    mask: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.18) 58%, transparent 100%);
    opacity: 0.85;
    pointer-events: none;
}

.section--hero-lines .container {
    position: relative;
    z-index: 1;
}

.pointers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 20px;
    max-width: 760px;
}

.pointer {
    display: flex;
    align-items: center;
    gap: 12px;

}

.pointer__ic {
    width: 24px;
    height: 24px;
    flex: none;
}

.pointer__ic svg {
    width: 100%;
    height: 100%;
}

.pointer__tx {
    font-size: 20px;
    line-height: 1.5;
}

/* =====================================================================
   LOGO WALL (marquee skin)
   ===================================================================== */

.section--marquee .logo-wall {
    border-top: 1px solid rgba(33, 33, 33, 0.08);
    border-bottom: 1px solid rgba(33, 33, 33, 0.08);
}

/* =====================================================================
   PLATFORM
   ===================================================================== */

.platform-cards .badge{
	
	
border-radius: 160.078px;
border: 0.8px solid var(--New-StyleGuide-Beige-White, #F2F2E6);
color:#F2F2E6;
}

/* =====================================================================
   FAQ
   ===================================================================== */

.section--faq-lines::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../../uploads/images/pattern.svg) 0 0 repeat;

    pointer-events: none;
	height:60%;
}

.section--faq-lines .container {
    position: relative;
    z-index: 1;
}

.faq-title {
    font-family: var(--sc-head);
    font-weight: 600;
    font-size: 48px;
    line-height: 1.25;
    letter-spacing: -0.96px;
    color: #fff;
}

.accordion.faq {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.accordion.faq .accordion-item {
    background: var(--sc-olive);
    border: 0;
    border-radius: 0;
    overflow: hidden;
}

.accordion.faq .accordion-header {
    margin: 0;
}

.accordion.faq .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 40px;
    background: var(--sc-olive);
    border: 0;
    border-bottom: 2px solid var(--sc-carpet);
    box-shadow: none;
    font-family: var(--sc-head);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -0.12px;
    color: #fff;
    text-align: left;
    transition: background-color var(--sc-ease);
}

.accordion.faq .accordion-button::after {
    display: none;
}

.faq-icon {
    flex: none;
    width: 40px;
    height: 40px;
    background: var(--sc-dark-800);
    position: relative;
	
}

.faq-icon::before,
.faq-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: #D2FF00;
    transition:
        transform var(--sc-ease),
        opacity var(--sc-ease);
}

.faq-icon::before {
    width: 14px;
    height: 2px;
    transform: translate(-50%, -50%);
}

.faq-icon::after {
    width: 2px;
    height: 14px;
    transform: translate(-50%, -50%);
}

.accordion.faq .accordion-button:not(.collapsed) .faq-icon::after {
    transform: translate(-50%, -50%) scaleY(0);
    opacity: 0;
}

.accordion.faq .accordion-button:focus {
    box-shadow: none;
    outline: none;
}

.accordion.faq .accordion-button:not(.collapsed) {
    background: var(--sc-olive);
    color: #fff;
    box-shadow: none;
}

.accordion.faq .accordion-body {
    padding: 40px;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}

.accordion.faq .accordion-body a {
    color: var(--sc-green);
    text-decoration: underline;
}

/* =====================================================================
   TWO WAYS IN
   ===================================================================== */

.path-card {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    padding: 40px;
    gap: 32px;
    min-height: 420px;
    justify-content: flex-start;
    background: #0d0b18;
    transition: transform var(--sc-ease);
}

.path-card--td {
    background:
        radial-gradient(120% 95% at 50% 8%, #4a3ca0 0%, #322a78 26%, #1a1740 52%, #101828 78%);
}

.path-card--slate {
    background:
        radial-gradient(120% 95% at 55% 8%, #a34c17 0%, #6e3313 28%, #2f1b12 54%, #101828 80%);
}

.path-card:hover {
    transform: translateY(-6px);
}

.path-card__logo {
    display: block;
}

.path-card__logo img {
    height:32px;
    width: auto;
}

.path-card__logo svg path {
    fill: #fff;
}

.path-card__body {
    display: flex;
    flex-direction: column;
    gap: 32px;

}

.path-card__title {
    font-family: var(--sc-head);
    font-weight: 500;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -0.5px;
    color: #fff;
}

.path-card__text {
    font-size: 18px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.82);
    max-width: 42ch;
}

.path-card__cta {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 4px;
    color: #fff;
    font-family: var(--sc-head);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    white-space: nowrap;
    transition:
        background-color var(--sc-ease),
        border-color var(--sc-ease);
}

.path-card__cta:hover {
    background: rgba(255, 255, 255, 0.24);
    border-color: rgba(255, 255, 255, 0.32);
}

@media (max-width: 640px) {
    .path-card {
        padding: 32px;
        min-height: 0;
    }
    .path-card__title {
        font-size: 30px;
    }
    .path-card__text {
        font-size: 16px;
    }
}

/* =====================================================================
   FOOTER — Figma node 733-14704 (full-bleed bands, 1280 content)
   ===================================================================== */

.site-footer {
    background: var(--sc-ink);
    color: var(--sc-norris);
    position: relative;
    overflow: hidden;
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../../uploads/images/footer/footer-bg.png") repeat;
    background-size: cover;
    pointer-events: none;
    z-index: 0;
}

.footer__deco {
    position: absolute;
    pointer-events: none;

    z-index: 0;
}

.footer__deco--l {
    left: 0;
    top: 0%;

}

.footer__deco--r {
    right: 0;
    bottom: 0%;
}

.footer__deco--b {
   width:100%;
    bottom: 0%;
}

.footer__band {
    position: relative;
    z-index: 1;
}

.site-footer a {
    color: var(--sc-norris);
    transition:
        color var(--sc-ease),
        opacity var(--sc-ease);
}

.footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding-top: 48px;
    padding-bottom: 48px;
}

.footer__logo img {
    height: 40px;
    width: auto;
}

.footer__logo-text {
    font-family: var(--sc-head);
    font-weight: 700;
    font-size: 26px;
    color: #fff;
}

.trust {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer__grid-band {
    border-top: 1px solid var(--sc-border);
    border-bottom: 1px solid var(--sc-border);
}

.footer__grid {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .footer__grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1200px) {
    .footer__grid {
        grid-template-columns: 1.7fr repeat(4, 1fr);
        align-items: stretch;
    }
}

.footer__about-col {
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

@media (min-width: 1200px) {
    .footer__about-col {
        padding-right: 48px;
    }
}

.footer__about {
    font-family: var(--sc-body);
    font-size: 16px;
    line-height: 1.4;
    color: var(--sc-norris);
    max-width: 389px;
}

.footer__addr {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.addr {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.addr svg {
    min-width: 16px;
}

.addr__label {
    font-family: var(--sc-head);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--sc-norris);
}

.addr__text {
    font-family: var(--sc-body);
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.14px;
    opacity: 0.6;
}

.footer__col {
    padding: 40px 0;
    border-top: 1px solid var(--sc-border);
}

@media (min-width: 1200px) {
    .footer__col {
        padding: 40px 32px;
        border-top: 0;
        border-left: 1px solid var(--sc-border);
    }
}

.footer__col--stack {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.footer__col h4 {
    font-family: var(--sc-head);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    margin: 0 0 16px;
    color: var(--sc-norris);
}

.footer__col ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer__col ul a {
    font-family: var(--sc-body);
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.14px;
    opacity: 0.6;
}

.footer__col ul a:hover {
    opacity: 1;
    color: var(--sc-green);
}

.footer__mid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    padding-top: 40px;
    padding-bottom: 40px;
}

.certs {
    display: flex;
    flex-wrap: wrap;
}

.cert {
    height: 100px;
    border: 1px solid var(--sc-border);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    margin-left: -1px;
    transition: background-color var(--sc-ease);
}

.cert:first-child {
    margin-left: 0;
}

.cert:hover {
    background: rgba(255, 255, 255, 0.03);
}

.cert img {

    width: auto;
    max-width: none;
    object-fit: contain;
}

.social {
    display: flex;
    gap: 10px;
}

.social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--sc-dark-800);
    border: 1px solid #4b4b4b;
    border-radius: 2px;
    color: var(--sc-norris);
    font-size: 16px;
    transition:
        background-color var(--sc-ease),
        color var(--sc-ease),
        transform var(--sc-ease);
}

.social a:first-child {
    border-color: var(--sc-green);
}

.social a:hover {
    background: var(--sc-green);
    color: var(--sc-dark-800);
    transform: translateY(-3px);
}

.footer__legal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding-bottom: 40px;
    font-family: var(--sc-head);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.08px;
}

.footer__legal-links {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.footer__legal a:hover {
    color: var(--sc-green);
}