@layer reset, tokens, base, layout, components, utilities;

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter/inter-cyrillic-ext.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter/inter-cyrillic.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter/inter-greek-ext.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter/inter-greek.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter/inter-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter/inter-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(/fonts/inter/inter-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter Recurso Segoe';
    font-style: normal;
    font-weight: 1 450;
    size-adjust: 107.70%;
    ascent-override: 89.9489%;
    descent-override: 22.3966%;
    line-gap-override: 0%;
    src: local('Segoe UI');
    unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-052F, U+1C80-1C8A, U+1D00-1DBF, U+1E00-206F, U+20A0-20C0, U+2113, U+2116, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+2DE0-2DFF, U+A640-A69F, U+A720-A7FF, U+FE2E-FE2F, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter Recurso Segoe';
    font-style: normal;
    font-weight: 451 650;
    size-adjust: 106.54%;
    ascent-override: 90.9283%;
    descent-override: 22.6404%;
    line-gap-override: 0%;
    src: local('Segoe UI Semibold');
    unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-052F, U+1C80-1C8A, U+1D00-1DBF, U+1E00-206F, U+20A0-20C0, U+2113, U+2116, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+2DE0-2DFF, U+A640-A69F, U+A720-A7FF, U+FE2E-FE2F, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter Recurso Segoe';
    font-style: normal;
    font-weight: 651 1000;
    size-adjust: 104.78%;
    ascent-override: 92.4556%;
    descent-override: 23.0207%;
    line-gap-override: 0%;
    src: local('Segoe UI Bold');
    unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-052F, U+1C80-1C8A, U+1D00-1DBF, U+1E00-206F, U+20A0-20C0, U+2113, U+2116, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+2DE0-2DFF, U+A640-A69F, U+A720-A7FF, U+FE2E-FE2F, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter Recurso Arial';
    font-style: normal;
    font-weight: 1 550;
    size-adjust: 106.55%;
    ascent-override: 90.9198%;
    descent-override: 22.6383%;
    line-gap-override: 0%;
    src: local('Arial'), local('Helvetica');
    unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-052F, U+1C80-1C8A, U+1D00-1DBF, U+1E00-206F, U+20A0-20C0, U+2113, U+2116, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+2DE0-2DFF, U+A640-A69F, U+A720-A7FF, U+FE2E-FE2F, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter Recurso Arial';
    font-style: normal;
    font-weight: 551 1000;
    size-adjust: 101.10%;
    ascent-override: 95.8210%;
    descent-override: 23.8587%;
    line-gap-override: 0%;
    src: local('Arial Bold'), local('Helvetica Bold');
    unicode-range: U+0000-02CC, U+02CE-02D7, U+02DA, U+02DC-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-052F, U+1C80-1C8A, U+1D00-1DBF, U+1E00-206F, U+20A0-20C0, U+2113, U+2116, U+2122, U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+2DE0-2DFF, U+A640-A69F, U+A720-A7FF, U+FE2E-FE2F, U+FEFF, U+FFFD;
}

@layer tokens {

    :root {

        --bg-primary: #05070C;
        --bg-secondary: #0A0D14;
        --bg-tertiary: #10141D;
        --bg-surface: rgba(10, 13, 20, 0.15);

        --text-primary: #F4F4F5;
        --text-secondary: #94A3B8;

        --text-muted: #738399;

        --border-subtle: rgba(255, 255, 255, 0.03);
        --border-light: rgba(255, 255, 255, 0.06);
        --border-strong: rgba(255, 255, 255, 0.12);

        --accent-color: #6366F1;

        --accent-ink: #7C80FF;

        --accent-solid: #5457D6;
        --accent-glow: rgba(99, 102, 241, 0.037);

        --success-color: #10B981;
        --warning-color: #F59E0B;
        --danger-color: #EF4444;

        --font-sans: 'Inter', 'Inter Recurso Segoe', 'Inter Recurso Arial', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

        --space-1: 4px;
        --space-2: 8px;
        --space-3: 12px;
        --space-4: 16px;
        --space-5: 24px;
        --space-6: 32px;
        --space-8: 48px;
        --space-10: 64px;
        --space-12: 96px;
        --space-16: 128px;

        --navbar-h: 76px;

        --container-max: 1344px;
        --gutter: var(--space-5);
        --content: calc(var(--container-max) - 2 * var(--gutter));

        --rail-in-64: 0px;
        --rail-in-32: 0px;

        --measure-title: 1000px;
        --measure-block: 760px;
        --measure-read: 640px;

        --stack-xs: var(--space-4);
        --stack-sm: var(--space-6);
        --stack-md: var(--space-10);
        --stack-lg: var(--space-16);

        --stack-ch: var(--stack-lg);

        --hero-lede: 160px;

        --hero-bleed: 20px;

        --legal-measure: 820px;

        --fig-full: 1040px;

        --hbd-on-body: #FFFFFF;

        --cp-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

        --cp-recess:      #333746;
        --cp-face-side:   #404457;
        --cp-surface:     #404457;
        --cp-mass-dim:    #42475A;
        --cp-chrome:      #4E546A;
        --cp-body:        #575D75;
        --cp-mass-lit:    #606782;

        --cp-band:        #666B8A;
        --cp-chord:       #707898;
        --cp-member:      #9094FA;
        --cp-lens:        #A0A4FF;
        --cp-inset:       #C6B27B;

        --cp-ink:      #F4F4F5;
        --cp-ink-soft: #C3CBDA;

        --cp-ink-dim:  #D9DEE8;

        --cp-lens-ink: #A9ADFF;

        --hub-mono:  ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

        --nd-on-mass: #E6EBF3;
        --nd-on-mass-2: #C9D2E0;
    }

}

@layer reset {

    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    html {
        overflow-x: hidden;
    }

}

@layer base {

@media (max-width: 768px) {
  :root {

    --gutter: var(--space-5);
    --stack-md: var(--space-8);
    --stack-lg: 80px;
    --hero-lede: 96px;

    --hero-bleed: 0px;
  }
}

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background-color: var(--bg-primary);
}

::-webkit-scrollbar-track {
  background-color: var(--bg-primary);
  border-left: 1px solid rgba(255, 255, 255, 0.04);
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  border: 4px solid var(--bg-primary);
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg-primary);

  background-image: radial-gradient(100% 100% at 50% 0%, rgba(94, 106, 210, 0.013) 0%, rgba(0, 0, 0, 0) 80%);
  color: var(--text-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  position: relative;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--text-primary);
}

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

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

.container {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% -20%, rgba(99, 102, 241, 0.03), transparent 50%),
    radial-gradient(circle at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 0;
}

}