/* ---- Type · НЕЙРОТАЦИЯ ---- Sofia Sans Condensed = logotype + display (the wordmark face) Sofia Sans = interface + body (secondary, same superfamily) Noto Sans = optional long-form reading (inherited from МБФ26) Loaded from Google Fonts so the system is self-contained. */ /* cyrillic-ext */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("/assets/b01aece68a50d45f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("/assets/70af9f676b2ab2b2.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* devanagari */ /* greek-ext */ /* greek */ /* vietnamese */ /* latin-ext */ /* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("/assets/afc7a910f4ff04ee.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; } /* cyrillic-ext */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("/assets/b01aece68a50d45f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("/assets/70af9f676b2ab2b2.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* devanagari */ /* greek-ext */ /* greek */ /* vietnamese */ /* latin-ext */ /* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("/assets/afc7a910f4ff04ee.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; } /* cyrillic-ext */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("/assets/b01aece68a50d45f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("/assets/70af9f676b2ab2b2.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* devanagari */ /* greek-ext */ /* greek */ /* vietnamese */ /* latin-ext */ /* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("/assets/afc7a910f4ff04ee.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; } /* cyrillic-ext */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("/assets/b01aece68a50d45f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("/assets/70af9f676b2ab2b2.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* devanagari */ /* greek-ext */ /* greek */ /* vietnamese */ /* latin-ext */ /* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("/assets/afc7a910f4ff04ee.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url("/assets/3b06f5db276a4632.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url("/assets/c7c1bdac12770f61.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url("/assets/0113fe715fc3660f.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/1cdae0d766f785e0.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/869d0ef550e93004.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/1f21036449bfdb89.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/1cdae0d766f785e0.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/869d0ef550e93004.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/1f21036449bfdb89.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/1cdae0d766f785e0.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/869d0ef550e93004.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/1f21036449bfdb89.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/1cdae0d766f785e0.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/869d0ef550e93004.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/1f21036449bfdb89.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; } :root { --font-display: 'Sofia Sans Condensed', 'Sofia Sans', 'Helvetica Neue', Arial, sans-serif; --font-body: 'Sofia Sans', 'Helvetica Neue', Arial, sans-serif; --font-text: 'Sofia Sans', 'Helvetica Neue', Arial, sans-serif; --font-longform:'Noto Sans', 'Helvetica Neue', Arial, sans-serif; /* ---------- TYPE SCALE ---------- */ --fs-hero: clamp(48px, 7.2vw, 112px); /* @kind font */ --fs-display: clamp(34px, 4.4vw, 60px); /* @kind font */ --fs-h1: clamp(30px, 3.4vw, 46px); /* @kind font */ --fs-h2: 32px; --fs-h3: 24px; --fs-h4: 20px; --fs-lg: 18px; --fs-body: 16px; --fs-sm: 14px; --fs-xs: 13px; --fs-overline:12px; --lh-tight: 0.98; /* @kind font */ --lh-snug: 1.14; /* @kind font */ --lh-normal: 1.55; /* @kind font */ --tracking-hero: 0.005em; --tracking-tight: -0.01em; --tracking-over: 0.18em; } /* ---- Semantic type classes ---- */ .t-hero { font-family: var(--font-display); font-weight: 900; font-size: var(--fs-hero); line-height: var(--lh-tight); letter-spacing: var(--tracking-hero); text-transform: uppercase; } .t-display { font-family: var(--font-display); font-weight: 900; font-size: var(--fs-display); line-height: var(--lh-snug); text-transform: uppercase; letter-spacing: .005em; } .t-h1 { font-family: var(--font-display); font-weight: 800; font-size: var(--fs-h1); line-height: var(--lh-snug); letter-spacing: .005em; text-transform: uppercase; } .t-h2 { font-family: var(--font-body); font-weight: 700; font-size: var(--fs-h2); line-height: 1.14; letter-spacing: var(--tracking-tight); } .t-h3 { font-family: var(--font-body); font-weight: 600; font-size: var(--fs-h3); line-height: 1.2; } .t-lg { font-family: var(--font-body); font-weight: 400; font-size: var(--fs-lg); line-height: 1.5; } .t-body { font-family: var(--font-body); font-weight: 400; font-size: var(--fs-body); line-height: var(--lh-normal); } .t-sm { font-family: var(--font-body); font-weight: 400; font-size: var(--fs-sm); line-height: 1.45; } .t-overline { font-family: var(--font-body); font-weight: 600; font-size: var(--fs-overline); line-height: 1; text-transform: uppercase; letter-spacing: var(--tracking-over); } /* ---- Color · НЕЙРОТАЦИЯ ---- Inherits the МБФ26 space/orbit palette. The sub-brand twist: the mark's two-letter logic — orange holds the Н system, cyan holds the Т system. */ :root { /* ---------- BRAND CORE ---------- */ --brand-cyan: #25B9D0; /* primary — Т system, actions, links */ --brand-orange: #FF9000; /* accent — Н system, highlights */ --brand-ink: #0B1014; /* ---------- MARK LOGIC (sub-brand signature) ---------- */ --neuro-t: #25B9D0; /* buchва Т: its node + all T-bearing links */ --neuro-h: #FF9000; /* buchва Н: its links + shared nodes */ --neuro-pulse: #9BF2FF; /* running impulse on dark */ --neuro-pulse-light: #5AFCFB; /* running impulse on light */ --neuro-t-ink: #0E7C93; /* Т on light surfaces */ --neuro-h-ink: #E07B00; /* Н on light surfaces */ /* ---------- TEAL / CYAN RAMP (orbit family) ---------- */ --teal-950:#06222A; --teal-900:#0B3D49; --teal-800:#13738A; --teal-700:#008AA4; --teal-600:#009ECF; --teal-500:#25B9D0; --teal-400:#5AFCFB; --teal-300:#9BF2FF; --teal-200:#C7FFF2; --teal-100:#E6FBFF; /* ---------- ORANGE RAMP ---------- */ --orange-700:#B85F00; --orange-600:#E07B00; --orange-500:#FF9000; --orange-300:#FFB54D; --orange-100:#FFE7C2; /* ---------- NEUTRALS (light) ---------- */ --paper:#FFFFFF; --paper-2:#F4F7F9; --paper-3:#EAEFF2; --line:#E0E7EB; --line-2:#CDD7DD; --ink:#0B1014; --ink-2:#46555E; --ink-3:#7C8B93; --ink-4:#A9B5BB; /* ---------- NEUTRALS (dark / "space") ---------- */ --space-950:#05080A; --space-900:#070B0E; --space-800:#0B1014; --space-700:#121A20; --space-600:#1B262E; --space-500:#2A3942; --on-dark:#EAF2F5; --on-dark-2:#9DAFB8; --hairline-dark:#1B262E; --stroke-teal:#24424B; /* ---------- SEMANTIC ---------- */ --color-primary: var(--brand-cyan); --color-primary-press: var(--teal-700); --color-accent: var(--brand-orange); --color-bg: var(--space-950); --color-surface-dark: var(--space-800); --color-text-dark: var(--on-dark); --success:#1F9F62; --warning:#E8A310; --danger:#E5484D; --info:var(--teal-600); } /* ---- Foundations · radii, elevation, spacing, motion, keyframes ---- */ :root { /* radii */ --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px; /* elevation — on dark, prefer glow over drop-shadow */ --shadow-md: 0 4px 14px rgba(11,16,20,.08), 0 2px 4px rgba(11,16,20,.04); --shadow-lg: 0 18px 48px rgba(0,0,0,.40), 0 6px 16px rgba(0,0,0,.24); --glow-cyan: 0 0 40px rgba(37,185,208,.30); --glow-orange: 0 0 40px rgba(255,144,0,.24); /* spacing (4px base) */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px; --sp-24:96px; /* motion */ --ease-out: cubic-bezier(.22,.61,.36,1); /* @kind other */ --dur: 180ms; /* @kind other */ } /* ---- Signature animations of the neuron mark ---- */ @keyframes nt-flow { from { stroke-dashoffset: 113; } to { stroke-dashoffset: 0; } } @keyframes nt-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.16); } } @keyframes nt-breathe { 0%,100% { opacity: .5; transform: scale(1); } 50% { opacity: .9; transform: scale(1.06); } } @media (prefers-reduced-motion: reduce) { [style*="nt-flow"], [style*="nt-pulse"], [style*="nt-breathe"] { animation: none !important; } } /* ============================================================ НЕЙРОТАЦИЯ — Design System · entry point Sub-brand of «Мой Бизнес Форум 2026». Consumers link THIS file. ============================================================ */ /* ---- Type · НЕЙРОТАЦИЯ ---- Sofia Sans Condensed = logotype + display (the wordmark face) Sofia Sans = interface + body (secondary, same superfamily) Noto Sans = optional long-form reading (inherited from МБФ26) Loaded from Google Fonts so the system is self-contained. */ /* cyrillic-ext */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("/assets/b01aece68a50d45f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("/assets/70af9f676b2ab2b2.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* devanagari */ /* greek-ext */ /* greek */ /* vietnamese */ /* latin-ext */ /* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("/assets/afc7a910f4ff04ee.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; } /* cyrillic-ext */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("/assets/b01aece68a50d45f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("/assets/70af9f676b2ab2b2.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* devanagari */ /* greek-ext */ /* greek */ /* vietnamese */ /* latin-ext */ /* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("/assets/afc7a910f4ff04ee.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; } /* cyrillic-ext */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("/assets/b01aece68a50d45f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("/assets/70af9f676b2ab2b2.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* devanagari */ /* greek-ext */ /* greek */ /* vietnamese */ /* latin-ext */ /* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url("/assets/afc7a910f4ff04ee.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; } /* cyrillic-ext */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("/assets/b01aece68a50d45f.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("/assets/70af9f676b2ab2b2.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* devanagari */ /* greek-ext */ /* greek */ /* vietnamese */ /* latin-ext */ /* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("/assets/afc7a910f4ff04ee.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url("/assets/3b06f5db276a4632.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url("/assets/c7c1bdac12770f61.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url("/assets/0113fe715fc3660f.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/8cf4aa058f47e60c.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/654a10e16314151c.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/e0ea7bf0ba351883.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/1cdae0d766f785e0.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/869d0ef550e93004.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/1f21036449bfdb89.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/1cdae0d766f785e0.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/869d0ef550e93004.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/1f21036449bfdb89.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/1cdae0d766f785e0.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/869d0ef550e93004.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url("/assets/1f21036449bfdb89.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; } /* cyrillic-ext */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/1cdae0d766f785e0.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/869d0ef550e93004.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek */ /* latin-ext */ /* latin */ @font-face { font-family: 'Sofia Sans Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url("/assets/1f21036449bfdb89.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; } :root { --font-display: 'Sofia Sans Condensed', 'Sofia Sans', 'Helvetica Neue', Arial, sans-serif; --font-body: 'Sofia Sans', 'Helvetica Neue', Arial, sans-serif; --font-text: 'Sofia Sans', 'Helvetica Neue', Arial, sans-serif; --font-longform:'Noto Sans', 'Helvetica Neue', Arial, sans-serif; /* ---------- TYPE SCALE ---------- */ --fs-hero: clamp(48px, 7.2vw, 112px); /* @kind font */ --fs-display: clamp(34px, 4.4vw, 60px); /* @kind font */ --fs-h1: clamp(30px, 3.4vw, 46px); /* @kind font */ --fs-h2: 32px; --fs-h3: 24px; --fs-h4: 20px; --fs-lg: 18px; --fs-body: 16px; --fs-sm: 14px; --fs-xs: 13px; --fs-overline:12px; --lh-tight: 0.98; /* @kind font */ --lh-snug: 1.14; /* @kind font */ --lh-normal: 1.55; /* @kind font */ --tracking-hero: 0.005em; --tracking-tight: -0.01em; --tracking-over: 0.18em; } /* ---- Semantic type classes ---- */ .t-hero { font-family: var(--font-display); font-weight: 900; font-size: var(--fs-hero); line-height: var(--lh-tight); letter-spacing: var(--tracking-hero); text-transform: uppercase; } .t-display { font-family: var(--font-display); font-weight: 900; font-size: var(--fs-display); line-height: var(--lh-snug); text-transform: uppercase; letter-spacing: .005em; } .t-h1 { font-family: var(--font-display); font-weight: 800; font-size: var(--fs-h1); line-height: var(--lh-snug); letter-spacing: .005em; text-transform: uppercase; } .t-h2 { font-family: var(--font-body); font-weight: 700; font-size: var(--fs-h2); line-height: 1.14; letter-spacing: var(--tracking-tight); } .t-h3 { font-family: var(--font-body); font-weight: 600; font-size: var(--fs-h3); line-height: 1.2; } .t-lg { font-family: var(--font-body); font-weight: 400; font-size: var(--fs-lg); line-height: 1.5; } .t-body { font-family: var(--font-body); font-weight: 400; font-size: var(--fs-body); line-height: var(--lh-normal); } .t-sm { font-family: var(--font-body); font-weight: 400; font-size: var(--fs-sm); line-height: 1.45; } .t-overline { font-family: var(--font-body); font-weight: 600; font-size: var(--fs-overline); line-height: 1; text-transform: uppercase; letter-spacing: var(--tracking-over); } /* ---- Color · НЕЙРОТАЦИЯ ---- Inherits the МБФ26 space/orbit palette. The sub-brand twist: the mark's two-letter logic — orange holds the Н system, cyan holds the Т system. */ :root { /* ---------- BRAND CORE ---------- */ --brand-cyan: #25B9D0; /* primary — Т system, actions, links */ --brand-orange: #FF9000; /* accent — Н system, highlights */ --brand-ink: #0B1014; /* ---------- MARK LOGIC (sub-brand signature) ---------- */ --neuro-t: #25B9D0; /* buchва Т: its node + all T-bearing links */ --neuro-h: #FF9000; /* buchва Н: its links + shared nodes */ --neuro-pulse: #9BF2FF; /* running impulse on dark */ --neuro-pulse-light: #5AFCFB; /* running impulse on light */ --neuro-t-ink: #0E7C93; /* Т on light surfaces */ --neuro-h-ink: #E07B00; /* Н on light surfaces */ /* ---------- TEAL / CYAN RAMP (orbit family) ---------- */ --teal-950:#06222A; --teal-900:#0B3D49; --teal-800:#13738A; --teal-700:#008AA4; --teal-600:#009ECF; --teal-500:#25B9D0; --teal-400:#5AFCFB; --teal-300:#9BF2FF; --teal-200:#C7FFF2; --teal-100:#E6FBFF; /* ---------- ORANGE RAMP ---------- */ --orange-700:#B85F00; --orange-600:#E07B00; --orange-500:#FF9000; --orange-300:#FFB54D; --orange-100:#FFE7C2; /* ---------- NEUTRALS (light) ---------- */ --paper:#FFFFFF; --paper-2:#F4F7F9; --paper-3:#EAEFF2; --line:#E0E7EB; --line-2:#CDD7DD; --ink:#0B1014; --ink-2:#46555E; --ink-3:#7C8B93; --ink-4:#A9B5BB; /* ---------- NEUTRALS (dark / "space") ---------- */ --space-950:#05080A; --space-900:#070B0E; --space-800:#0B1014; --space-700:#121A20; --space-600:#1B262E; --space-500:#2A3942; --on-dark:#EAF2F5; --on-dark-2:#9DAFB8; --hairline-dark:#1B262E; --stroke-teal:#24424B; /* ---------- SEMANTIC ---------- */ --color-primary: var(--brand-cyan); --color-primary-press: var(--teal-700); --color-accent: var(--brand-orange); --color-bg: var(--space-950); --color-surface-dark: var(--space-800); --color-text-dark: var(--on-dark); --success:#1F9F62; --warning:#E8A310; --danger:#E5484D; --info:var(--teal-600); } /* ---- Foundations · radii, elevation, spacing, motion, keyframes ---- */ :root { /* radii */ --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px; /* elevation — on dark, prefer glow over drop-shadow */ --shadow-md: 0 4px 14px rgba(11,16,20,.08), 0 2px 4px rgba(11,16,20,.04); --shadow-lg: 0 18px 48px rgba(0,0,0,.40), 0 6px 16px rgba(0,0,0,.24); --glow-cyan: 0 0 40px rgba(37,185,208,.30); --glow-orange: 0 0 40px rgba(255,144,0,.24); /* spacing (4px base) */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px; --sp-24:96px; /* motion */ --ease-out: cubic-bezier(.22,.61,.36,1); /* @kind other */ --dur: 180ms; /* @kind other */ } /* ---- Signature animations of the neuron mark ---- */ @keyframes nt-flow { from { stroke-dashoffset: 113; } to { stroke-dashoffset: 0; } } @keyframes nt-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.16); } } @keyframes nt-breathe { 0%,100% { opacity: .5; transform: scale(1); } 50% { opacity: .9; transform: scale(1.06); } } @media (prefers-reduced-motion: reduce) { [style*="nt-flow"], [style*="nt-pulse"], [style*="nt-breathe"] { animation: none !important; } } html { scroll-behavior: smooth; } :root { --on-dark-3: #6E7F88; } body { margin: 0; background: #05080A; color: var(--on-dark); font-family: var(--font-body); -webkit-font-smoothing: antialiased; } ::selection { background: rgba(37,185,208,.30); } a { color: inherit; } @keyframes nt-orbit { to { transform: rotate(360deg); } } @keyframes nt-drift { 0%,100% { opacity:.5; transform: scale(1); } 50% { opacity:.85; transform: scale(1.05); } } @keyframes nt-flow-y { 0% { transform: translateY(-170%); opacity:0; } 12% { opacity:1; } 88% { opacity:1; } 100% { transform: translateY(440%); opacity:0; } } @keyframes nt-breathe { 0%,100% { opacity:.6; text-shadow:0 0 10px rgba(255,144,0,.45); } 50% { opacity:1; text-shadow:0 0 22px rgba(255,144,0,.85), 0 0 4px rgba(255,144,0,.6); } } @keyframes nt-breathe-box { 0%,100% { box-shadow:0 0 0 1px rgba(255,144,0,.10), 0 0 26px -6px rgba(255,144,0,.28); } 50% { box-shadow:0 0 0 1px rgba(255,144,0,.22), 0 0 46px -4px rgba(255,144,0,.5); } } @keyframes nt-live { 0%,100% { transform: scale(1); opacity:.65; box-shadow:0 0 6px var(--brand-orange); } 50% { transform: scale(1.35); opacity:1; box-shadow:0 0 14px var(--brand-orange), 0 0 4px var(--brand-orange); } } @keyframes nt-btn-pulse { 0%,100% { box-shadow:0 0 20px -6px rgba(255,144,0,.5); } 50% { box-shadow:0 0 36px -2px rgba(255,144,0,.9), 0 0 6px rgba(255,144,0,.5); } } @keyframes nt-btn-pulse-cyan { 0%,100% { box-shadow:0 0 20px -6px rgba(37,185,208,.5); } 50% { box-shadow:0 0 36px -2px rgba(37,185,208,.9), 0 0 6px rgba(37,185,208,.5); } } @media (prefers-reduced-motion: reduce) { * { animation: none !important; } } /* ---------- RESPONSIVE ---------- */ .nt-burger { display: none; } .nt-mobile-menu { display: none; } /* Laptop */ @media (max-width: 1120px) { .nt-nav-links { gap: 22px !important; } .nt-cobrand, .nt-cobrand-div { display: none !important; } } @media (max-width: 720px) { .nt-cobrand, .nt-cobrand-div { display: none !important; } } /* Tablet — collapse two-column grids */ @media (max-width: 900px) { .nt-collapse { grid-template-columns: 1fr !important; } .nt-collapse .nt-order-img { order: -1; } .nt-stats { grid-template-columns: 1fr 1fr !important; } } /* Mobile — hamburger + single column + tighter padding */ @media (max-width: 720px) { .nt-nav-links { display: none !important; } .nt-burger { display: inline-flex !important; } .nt-nav-cta { display: none !important; } .nt-stats { grid-template-columns: 1fr !important; } .nt-price { grid-template-columns: 1fr !important; } .nt-mobile-menu[data-open="true"] { display: block !important; } section { padding-left: 20px !important; padding-right: 20px !important; } .nt-header-inner { padding-left: 20px !important; padding-right: 20px !important; } } @media (max-height: 760px) and (min-width: 721px) { #top { padding-top: 24px !important; padding-bottom: 24px !important; } #top .nt-hero-mark-wrap { margin-bottom: 18px !important; transform: scale(.82); transform-origin: center bottom; } #top .nt-hero-subtitle { margin-top: 22px !important; } #top .nt-hero-pill-wrap { margin-top: 26px !important; } #top .nt-hero-cta-wrap { margin-top: 28px !important; gap: 14px !important; } } @media (max-width: 460px) { .nt-hero-pill { flex-direction: column !important; gap: 10px !important; } .nt-hero-pill .nt-pill-div { display: none !important; } } @media (max-width: 640px) { .nt-footer-main { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; } .nt-footer-brand, .nt-footer-links, .nt-footer-contacts { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; align-items: flex-start !important; text-align: left !important; } .nt-footer-bottom { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; } } .nt-jury-section { position: relative; overflow: hidden; padding: clamp(100px,13vh,168px) 32px; border-top: 1px solid var(--hairline-dark); background: radial-gradient(circle at 12% 8%, rgba(37,185,208,.14), transparent 30%), var(--space-950); } .nt-jury-section::before, .nt-jury-section::after { content: ""; position: absolute; border: 1px solid rgba(37,185,208,.10); border-radius: 50%; pointer-events: none; } .nt-jury-section::before { width: 760px; height: 760px; right: -370px; top: 48px; } .nt-jury-section::after { width: 520px; height: 520px; left: -330px; bottom: -120px; border-style: dashed; } .nt-jury-wrap { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; } .nt-jury-head { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr); gap: 64px; align-items: end; margin-top: 20px; } .nt-jury-intro { margin: 0 0 8px; max-width: 510px; color: var(--on-dark-2); font-size: 18px; line-height: 1.52; } .nt-jury-rule { height: 1px; margin: 48px 0 36px; background: linear-gradient(90deg,var(--brand-cyan),rgba(37,185,208,.12) 42%,transparent); } .nt-jury-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; } .nt-jury-card { min-width: 0; overflow: hidden; border: 1px solid var(--hairline-dark); border-radius: var(--r-lg); background: var(--space-800); transition: transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out); will-change: transform; } .nt-jury-card:hover { transform: translateY(-3px); border-color: var(--stroke-teal); box-shadow: inset 0 0 0 1px rgba(37,185,208,.14), var(--glow-cyan); } .nt-jury-photo { position: relative; height: 286px; overflow: hidden; background: #e8eaed; } .nt-jury-photo::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg,transparent 62%,rgba(5,8,10,.42)); pointer-events: none; } .nt-jury-photo-media { width: 100%; height: 100%; } .nt-jury-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 28%; display: block; filter: saturate(.9) contrast(1.02); transform-origin: 50% 28%; } .nt-jury-card:nth-child(1) .nt-jury-photo img { object-position: 50% 26%; } .nt-jury-card:nth-child(2) .nt-jury-photo img { object-position: 50% 24%; transform: translateY(4px) scale(1.03); } .nt-jury-card:nth-child(3) .nt-jury-photo img { object-position: 50% 18%; } .nt-jury-card:nth-child(4) .nt-jury-photo img { object-position: 50% 50%; transform: translateY(18px) scale(1.24); } .nt-jury-card:nth-child(5) .nt-jury-photo img { object-position: 50% 27%; } .nt-jury-card:nth-child(6) .nt-jury-photo img { object-position: 50% 25%; transform: translateY(4px) scale(1.02); } .nt-jury-card:nth-child(7) .nt-jury-photo img { object-position: 50% 17%; transform: translateY(-10px) scale(1.28); } .nt-jury-card:nth-child(8) .nt-jury-photo img { object-position: 50% 26%; transform: translateY(-15px) scale(1.12); } .nt-jury-info { min-height: 238px; padding: 22px 22px 24px; } .nt-jury-name { margin: 0; color: var(--on-dark); font-family: var(--font-display); font-size: 31px; line-height: .98; font-weight: 850; letter-spacing: .01em; text-transform: uppercase; } .nt-jury-name::after { content: ""; display: block; width: 38px; height: 2px; margin: 15px 0 14px; background: var(--brand-cyan); box-shadow: 0 0 12px rgba(37,185,208,.65); transition: width var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out); } .nt-jury-card:hover .nt-jury-name::after { width: 54px; box-shadow: 0 0 18px rgba(37,185,208,.9); } .nt-jury-bio { margin: 0; color: var(--on-dark-2); font-size: 15px; line-height: 1.42; } .nt-jury-brand { color: var(--brand-cyan); font-weight: 600; } @media (max-width: 1050px) { .nt-jury-head { grid-template-columns: 1fr; gap: 24px; } .nt-jury-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .nt-jury-info { min-height: 220px; } } @media (max-width: 620px) { .nt-jury-head { gap: 20px; } .nt-jury-intro { font-size: 17px; } .nt-jury-rule { margin: 36px 0 28px; } .nt-jury-grid { grid-template-columns: 1fr; gap: 18px; } .nt-jury-photo { height: 390px; } .nt-jury-info { min-height: 0; } } @media (prefers-reduced-motion: reduce) { .nt-jury-card, .nt-jury-name::after { transition: none !important; } .nt-jury-card:hover { transform: none !important; } }

Нейротация
2026

Name: Церемония вручения премии «Нейротация 2026»
Start: 2026-09-09
Location: КВЦ «Экспофорум»

Премия для российских ИИ-сервисов

Финал на «Мой Бизнес Форум 2026» 9 сентября · Экспофорум, СПб Сцена «Нейросети для бизнеса»

Подать заявку Заявки принимаются до 20 августа 2026 · участие бесплатное

О премии

Что такое «Нейротация»

«Нейротация» — премия для работающих российских ИИ-сервисов, которые уже помогают бизнесу решать прикладные задачи: продавать, считать, нанимать, создавать контент и автоматизировать рутину.

В рамках «Мой Бизнес Форум 2026»

9 сентября 2026 · Санкт-Петербург, КВЦ «Экспофорум»

ВОЗМОЖНОСТИ

Почему стоит участвовать

Премия помогает сервису получить экспертное признание, PR-повод и выход к предпринимателям, которые ищут прикладные ИИ-решения.

10 000

посетителей «Мой Бизнес Форум»

150 000

аудитория сообщества предпринимателей

просмотров материалов в VK

ДЛЯ КОГО

Кому подходит премия

Сервис должен соответствовать критериям отбора. Подробные требования указаны в Положении о проведении.

Подробнее в Положении о проведении →

Российский ИИ-сервис
B2B или деловой B2C
Работающий продукт
Есть подтверждённый кейс применения в бизнесе

Этапы

Как проходит премия

Вы подаёте анкету, проходите первичную проверку, затем заявку оценивают эксперты. По итогам отбора формируется список финалистов, а победителей объявляют на «Мой Бизнес Форум 2026».

до 20 августа 2026

Приём заявок
20–24 августа 2026

Формирование Списка кандидатов
25 августа – 1 сентября 2026

Формирование Списка финалистов
4 сентября 2026

День финальных презентаций (Demo Day)
9 сентября 2026

Церемония вручения

Подробный порядок — в Положении о проведении →

ЦЕННОСТЬ

Что получает финалист
и победитель

Награда премии «Нейротация 2026» — Место I

Статус, диплом и право использовать знак премии в маркетинге. Публичное признание, публикации в каналах и рассылках премии и форума, присутствие или выступление на сцене «Мой Бизнес Форум 2026».

Специальный приз

Победитель получает специальный приз от партнёра премии для развития и роста сервиса.

Экспертный совет

Жюри
премии

Практики, которые разбираются в продукте, бизнесе, технологиях и внедрении ИИ.

Алекс
Таций

Эксперт по продукту и внедрению ИИ. Основатель и директор TATSY.PRO.

Виктор
Савюк

Ментор крупных компаний и международных стартапов. Построил два единорога: Dendy и Akado.

Екатерина
Скляренко

Руководитель отдела маркетинга hh.ru по Северо-Западу.

Дмитрий
Коробовцев

Бизнес-трекер, консультант и ИИ-эксперт. Основатель DataSurfers, ex-Microsoft, Google, Yandex Cloud и SberCloud.

Лев
Кузнецов

Руководитель «Мой Бизнес Форум», директор «Центра развития и поддержки предпринимательства».

Дима
Твердохлебов

Founder Omnius.team, ex-director AI MTS, ex-CPO AI VK, автор Telegram-канала «AI-тишник Твердохлебов: неизбежные технологии».

Дэвид
Браун

Предприниматель, промышленный дизайнер. Основатель компаний «Союз» и «Тула».

Сергей
Воробьёв

Юрист по IT-праву и работе с данными, эксперт по 152-ФЗ. Сооснователь ДОКИНС.ПРО.

СПЕЦИАЛЬНАЯ ВОЗМОЖНОСТЬ ДЛЯ КАНДИДАТОВ

Нейротация: ИИ-маркет

Покажите свой сервис 10 000 предпринимателей вживую: проведите демо, соберите лиды и договоритесь о тестовых запусках прямо на площадке Мой Бизнес Форум 2026.

20 000 ₽

для участников премии

100 000 ₽

без участия в премии

Забронировать стойку

Участие в премии «Нейротация» — бесплатное. ИИ-маркет — отдельная платная возможность: покупать место на маркете, чтобы участвовать в премии, не нужно.

FAQ

Вопросы
и Положение

{{ f.a }}Открыть Положение о проведении →

Партнёрам

Хотите выйти на аудиторию предпринимателей через ИИ-повестку?

Награждение победителя премии «Нейротация 2026» на сцене

Церемония вручения · Место I

Партнёрство с «Нейротация» — это возможность быть рядом с российскими ИИ-сервисами, предпринимателями и экспертами, которые выбирают практичные технологии для бизнеса.

PR-эффект и постпиар в каналах премии и партнёров
Прямой контакт с аудиторией предпринимателей по всей России
Ассоциация бренда с практичным, работающим ИИ

Стать партнёром премии

Финальный шаг

Как подать заявку
на участие

Скачайте анкету и заполните короткую, понятную заявку: продукт, номинация, кейс и контакт для связи.

01 Скачайте анкету участника.
02 Заполните сведения о компании, продукте, номинации и кейсе.
03 Отправьте анкету на neuro@tatsy.pro до 20 августа 2026 года.
04 Ответ по первичной проверке придёт в течение 5 календарных дней после получения анкеты.
05 Список кандидатов формируется до 24 августа 2026 года.

Скачать анкету Участие в премии бесплатное. Сервис должен соответствовать критериям отбора.

Как заполнить анкету

Выделите главный кейс или несколько кейсов: какую задачу решал сервис, для какого бизнеса и какой результат получился.

Покажите, где именно используется ИИ: какие сценарии автоматизируются, что делает модель или агент, какую часть работы сервис ускоряет или улучшает.

Не пишите много, но пишите ёмко: важнее конкретика, цифры, результат и понятная польза для бизнеса.

Первичный скоринг будет проходить по анкетам. Вас должны заметить: сформулируйте ценность сервиса ясно, без лишней воды и нейрослопа.