@font-face {
  font-family: "Road Rage Accent";
  src: url("/assets/fonts/road-rage-accents-v4.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("/assets/fonts/onest-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Onest";
  src: url("/assets/fonts/onest-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  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: "Unbounded";
  src: url("/assets/fonts/unbounded-cyrillic.woff2") format("woff2");
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Unbounded";
  src: url("/assets/fonts/unbounded-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  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 {
  --ink: #06101f;
  --ink-2: #09182b;
  --ink-3: #0d2038;
  --paper: #f4f6f8;
  --white: #f8fafc;
  --text: #c6d2df;
  --muted: #8295aa;
  --orange: #ffad32;
  --cyan: #35d7f7;
  --green: #55dfa8;
  --red: #ff6f61;
  --line: rgba(136, 190, 236, .16);
  --dark-line: rgba(11, 34, 55, .15);
  --max: 1280px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body { margin: 0; background: var(--ink); color: var(--white); font-family: Onest, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
p { text-wrap: pretty; }
h1, h2, h3 { text-wrap: balance; }
h1, h2, h3, .wordmark { font-family: Unbounded, Onest, "Segoe UI", sans-serif; }
.section-pad { padding-left: max(24px, calc((100vw - var(--max)) / 2)); padding-right: max(24px, calc((100vw - var(--max)) / 2)); }

.site-header { height: 64px; position: fixed; inset: 0 0 auto; z-index: 30; display: flex; align-items: center; gap: 18px; padding: 0 max(24px, calc((100vw - var(--max)) / 2)); border-bottom: 1px solid var(--line); background: rgba(5, 15, 28, .95); backdrop-filter: blur(16px); }
.wordmark { display: flex; align-items: baseline; white-space: nowrap; }
.wordmark span { color: var(--orange); font-size: 1.5rem; font-style: italic; font-weight: 950; letter-spacing: -.09em; transform: skew(-8deg); }
.wordmark b { margin-left: 6px; font-size: 1.02rem; font-weight: 500; letter-spacing: .15em; }
.site-header .wordmark { align-items: center; gap: 5px; }
.site-header .wordmark svg { display: block; width: 218px; height: auto; flex: 0 0 auto; }
.site-header nav { position: relative; display: flex; align-items: center; gap: 3px; margin-left: auto; color: #b8c5d3; font-size: .8rem; white-space: nowrap; isolation: isolate; }
.site-header nav a { position: relative; z-index: 1; padding: 9px 8px; transition: color .2s; }
.site-header nav a[aria-current] { color: var(--orange); }
.site-header .nav-highlight { position: absolute; top: 0; left: 0; z-index: 0; border-radius: 5px; background: rgba(255,173,50,.1); box-shadow: inset 0 -2px var(--orange); pointer-events: none; opacity: 0; transition: transform .32s cubic-bezier(.22,.68,.2,1), width .32s cubic-bezier(.22,.68,.2,1), height .25s, opacity .2s; }
.site-header nav a:hover { color: #fff; }
.header-cta { padding: 9px 14px; border: 1px solid rgba(255, 173, 50, .5); border-radius: 6px; background: transparent; cursor: pointer; white-space: nowrap; font-size: .84rem; font-weight: 750; transition: .2s; }
.header-cta:hover { background: var(--orange); color: var(--ink); }
.header-blog { padding: 9px 16px; border-radius: 6px; background: var(--orange); color: var(--ink); font-size: .84rem; font-weight: 800; white-space: nowrap; transition: background .2s; }
.header-blog:hover { background: #ffc468; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.menu-toggle { display: none; padding: 11px 14px; background: transparent; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; }

.hero { min-height: 840px; height: 100svh; position: relative; display: grid; grid-template-columns: .95fr 1.05fr; gap: 55px; align-items: center; padding: 130px max(24px, calc((100vw - var(--max)) / 2)) 75px; overflow: hidden; background: radial-gradient(circle at 78% 40%, rgba(18, 111, 166, .26), transparent 34%), linear-gradient(116deg, #050d19, #071426 60%, #0a1a30); }
.hero-grid, .final-grid { position: absolute; inset: 0; pointer-events: none; opacity: .7; background-image: linear-gradient(rgba(60, 182, 237, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(60, 182, 237, .05) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.hero-copy { position: relative; z-index: 2; }
.eyebrow, .kicker { margin: 0 0 20px; color: var(--orange); text-transform: uppercase; letter-spacing: .17em; font-size: .7rem; font-weight: 850; }
.eyebrow { display: flex; align-items: center; gap: 11px; color: #c6d2df; }
.eyebrow i { width: 28px; height: 2px; background: var(--orange); box-shadow: 0 0 16px rgba(255, 173, 50, .7); }
.hero h1 { max-width: 760px; margin: 0; font-size: clamp(3.9rem, 6.2vw, 6.55rem); line-height: .9; letter-spacing: -.065em; text-transform: uppercase; }
.hero h1 em { display: inline-block; margin-top: 8px; color: transparent; font-style: normal; -webkit-text-stroke: 1.5px var(--orange); }
.hero-lead { max-width: 670px; margin: 30px 0 0; color: #adbdce; font-size: clamp(1.02rem, 1.45vw, 1.25rem); line-height: 1.65; }
.hero-lead strong { color: #fff; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 0 23px; border-radius: 6px; border: 0; cursor: pointer; text-transform: uppercase; letter-spacing: .06em; font-size: .78rem; font-weight: 850; transition: transform .2s, background .2s, border-color .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--orange); color: #101722; box-shadow: 0 15px 45px rgba(255, 173, 50, .18); }
.button-primary:hover { box-shadow: 0 20px 55px rgba(255, 173, 50, .3); }
.button-ghost { border: 1px solid var(--line); background: rgba(255, 255, 255, .025); }
.button-ghost:hover { border-color: rgba(255, 255, 255, .42); }
.hero-mantra { max-width: 680px; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 46px; border-top: 1px solid var(--line); }
.hero-mantra span { min-height: 72px; display: flex; flex-direction: column; justify-content: center; padding: 16px 18px 12px 0; color: #768ba3; font-size: .76rem; line-height: 1.45; border-right: 1px solid var(--line); }
.hero-mantra span + span { padding-left: 18px; }
.hero-mantra span:last-child { border-right: 0; }
.hero-mantra b { color: #cdd7e2; font-weight: 750; }

.hero-live { position: relative; z-index: 2; border: 1px solid rgba(90, 205, 247, .25); border-radius: 17px; background: rgba(8, 22, 40, .82); box-shadow: 0 45px 100px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .04); backdrop-filter: blur(14px); transform: perspective(1200px) rotateY(-4deg) rotateX(1.5deg); }
.live-top, .console-top { height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--line); color: #8498ad; font-size: .61rem; font-weight: 800; letter-spacing: .12em; }
.live-top > span, .console-top > span { color: #d8e1eb; }
.live-top b, .console-top b { color: var(--green); font-size: .56rem; }
.live-top b i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; background: var(--green); border-radius: 50%; box-shadow: 0 0 12px var(--green); }
.live-main { padding: 22px; }
.pulse-label { display: flex; align-items: baseline; gap: 13px; }
.pulse-label small { color: #6f849c; font-size: .57rem; letter-spacing: .15em; }
.pulse-label strong { font-size: .82rem; color: var(--green); }
.pulse-chart { width: 100%; display: block; margin: 3px 0; overflow: visible; }
.pulse-grid path { fill: none; stroke: rgba(122, 181, 224, .11); }
.pulse-fill { fill: url(#pulseFill); }
.pulse-line { fill: none; stroke: var(--cyan); stroke-width: 3; stroke-linejoin: round; filter: drop-shadow(0 0 7px rgba(53, 215, 247, .55)); stroke-dasharray: 950; animation: draw-pulse 3.4s ease-in-out infinite; }
.pulse-dot { fill: var(--ink-2); stroke: var(--cyan); stroke-width: 3; filter: drop-shadow(0 0 7px var(--cyan)); animation: pulse-dot 1.8s infinite; }
@keyframes draw-pulse { 0% { stroke-dashoffset: 950; opacity: .35; } 35%, 80% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: -120; opacity: .4; } }
@keyframes pulse-dot { 50% { r: 10; opacity: .35; } }
.live-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.live-kpis article { display: grid; gap: 7px; padding: 14px; border: 1px solid var(--line); background: rgba(255, 255, 255, .022); }
.live-kpis small { color: #698099; font-size: .53rem; letter-spacing: .12em; }
.live-kpis strong { font-size: clamp(.9rem, 1.5vw, 1.14rem); }
.live-kpis span { color: var(--green); font-size: .58rem; }
.hero-alert { width: calc(100% - 40px); display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; position: absolute; left: 20px; bottom: -75px; padding: 13px 15px; border: 1px solid rgba(53, 215, 247, .24); border-radius: 10px; background: rgba(13, 32, 56, .96); box-shadow: 0 20px 50px rgba(0, 0, 0, .35); }
.telegram-mark { width: 42px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: #229ed9; }
.hero-alert div { display: grid; gap: 4px; }
.hero-alert small { color: #678099; font-size: .5rem; letter-spacing: .12em; }
.hero-alert strong { font-size: .72rem; }
.hero-alert > b { color: var(--green); }
.scroll-cue { position: absolute; left: max(24px, calc((100vw - var(--max)) / 2)); bottom: 24px; display: flex; align-items: center; gap: 11px; color: #5e748b; font-size: .65rem; text-transform: uppercase; letter-spacing: .1em; }
.scroll-cue i { width: 1px; height: 25px; background: linear-gradient(var(--cyan), transparent); }

.section-head { display: grid; grid-template-columns: 80px minmax(0, 1fr) 280px; gap: 28px; align-items: end; margin-bottom: 65px; }
.section-no { align-self: start; margin: 0; color: #6d7e8f; font-size: .7rem; font-weight: 850; letter-spacing: .12em; }
.section-head h2, .decision h2, .pulse-intro h2, .paths h2, .products h2, .demo h2, .process h2, .cases h2, .about h2, .stories h2, .final-cta h2, dialog h2 { margin: 0; font-size: clamp(2.75rem, 4.8vw, 5.25rem); line-height: .98; letter-spacing: -.055em; text-transform: uppercase; }
.section-head h2 span, .decision h2 span, .pulse-intro h2 span, .paths h2 span, .products h2 span, .demo h2 span, .process h2 span, .cases h2 span, .about h2 span, .stories h2 span, .final-cta h2 span, dialog h2 span { color: inherit; -webkit-text-stroke: 0; opacity: 1; }
.head-note { margin: 0 0 8px; color: #67788a; font-size: .9rem; line-height: 1.65; }

.reality { padding-top: 145px; padding-bottom: 145px; background: var(--paper); color: #071321; }
.reality .kicker { color: #d77d00; }
.reality .section-head { display: block; }
.brand-name { font: inherit; letter-spacing: inherit; text-transform: none; }
.reality h2 .brand-name { color: #d77d00; -webkit-text-stroke: 0; opacity: 1; }
.reality .section-head .problem-solution-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: .22em; margin: 28px 0 0; font-family: Unbounded, Onest, sans-serif; font-size: clamp(1.25rem, 2.2vw, 2rem); letter-spacing: -.04em; line-height: 1.2; text-transform: none; }
.problem-solution-title > i { color: #d77d00; font-family: Onest, sans-serif; font-size: 1.35em; font-style: normal; font-weight: 350; line-height: .75; }
.reality-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--dark-line); border-left: 1px solid var(--dark-line); }
.reality-grid > .reality-card { grid-column: span 2; min-width: 0; }
.reality-grid > .reality-card:nth-child(n+4) { grid-column: span 3; }
.reality-card { display: grid; grid-template-rows: 1fr 1fr; min-height: 520px; padding: 0; border-right: 1px solid var(--dark-line); border-bottom: 1px solid var(--dark-line); }
.reality-problem, .reality-solution { padding: 27px; }
.reality-problem { background: var(--paper); }
.reality-solution { background: #0a1c2e; color: #f4f7fa; }
.pair-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #607184; font-size: .875rem; line-height: 1; font-weight: 650; }
.pair-label b { color: #8b99a6; font-family: Onest, sans-serif; font-size: .875rem; font-weight: 500; }
.reality-solution .pair-label { justify-content: flex-start; color: var(--orange); }
.pair-label i { display: inline-block; margin-right: 2px; font-family: Onest, sans-serif; font-size: 2rem; line-height: .45; font-style: normal; font-weight: 350; }
.reality .reality-card h3, .reality .reality-card h4 { margin: 27px 0 15px; font-size: clamp(1.15rem, 1.55vw, 1.45rem); line-height: 1.25; letter-spacing: -.035em; text-wrap: balance; }
.reality-card h4 { font-family: Unbounded, Onest, sans-serif; font-weight: 650; }
.reality-card p { margin: 0; color: #607184; font-size: 1rem; line-height: 1.6; }
.reality-solution p { color: #b4c5d4; }

.decision { padding-top: 145px; padding-bottom: 145px; background: #fff; color: #06101f; }
.decision-copy { display: grid; grid-template-columns: 1.3fr .7fr; gap: 70px; }
.decision-copy .kicker { grid-column: 1 / -1; color: #d77d00; }
.decision-copy > p:last-child { max-width: 480px; align-self: end; margin: 0 0 8px; color: #607184; line-height: 1.75; }
.decision-flow { display: grid; grid-template-columns: repeat(3, 1fr auto) 1fr; gap: 11px; align-items: stretch; margin-top: 75px; }
.decision-flow > div { min-height: 150px; display: flex; flex-direction: column; padding: 21px; border: 1px solid var(--dark-line); background: #f4f6f8; }
.decision-flow > div.accent { background: var(--ink); color: white; border-color: var(--ink); }
.decision-flow small { color: #a0aab4; font-size: .58rem; }
.decision-flow strong { margin-top: auto; font-size: 1rem; }
.decision-flow span { margin-top: 6px; color: #718092; font-size: .7rem; }
.decision-flow > i { align-self: center; color: var(--orange); font-style: normal; }
.decision-facts { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 55px; border-top: 1px solid var(--dark-line); }
.decision-facts article { padding: 24px 30px 0 0; border-right: 1px solid var(--dark-line); }
.decision-facts article + article { padding-left: 30px; }
.decision-facts article:last-child { border-right: 0; }
.decision-facts strong { font-size: .9rem; }
.decision-facts p { color: #6b7a89; line-height: 1.6; font-size: .84rem; }

.pulse-section { padding-top: 150px; padding-bottom: 150px; background: radial-gradient(circle at 50% 36%, rgba(20, 128, 185, .16), transparent 28%), #06101f; }
.pulse-intro { max-width: 970px; margin: 0 auto; text-align: center; }
.pulse-intro h2 span { color: var(--orange); -webkit-text-stroke: 0; opacity: 1; }
.pulse-intro > p:last-child { max-width: 660px; margin: 28px auto 0; color: #93a7bb; line-height: 1.7; }
.answer-stage { position: relative; display: grid; grid-template-columns: 1fr 1.12fr 1fr; gap: 32px; width: calc(100vw - 48px); max-width: 1600px; margin: 65px 0 100px; margin-left: calc((100% - min(1600px, 100vw - 48px)) / 2); padding: 35px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #081727; }
.business-column { position: relative; min-width: 0; }
.business-column > h3 { min-height: 82px; margin: 0 0 24px; color: #d9e4ee; font-family: Onest, sans-serif; font-size: clamp(1rem, 1.35vw, 1.2rem); line-height: 1.35; font-weight: 650; }
.business-column > h3 > small { display: block; margin-bottom: 12px; color: var(--orange); font-size: .875rem; font-weight: 500; }
.business-source-slot, .business-flight { min-height: 130px; display: grid; align-content: center; gap: 12px; padding: 20px; border: 1px solid rgba(53,215,247,.5); border-radius: 6px; background: #102b40; }
.business-queue { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); height: 360px; gap: 12px; overflow: hidden; }
.business-queue .business-source-slot { min-height: 0; padding: 16px; gap: 8px; }
.business-queue .business-source-slot strong { font-size: 1rem; }
.business-queue.is-shifting > div { animation: business-queue-rise .65s cubic-bezier(.22,.68,.3,1) both; }
.business-queue.is-shifting > div:last-child { animation-name: business-queue-enter; }
.business-source-slot small, .business-flight small, .business-queued small { color: var(--orange); font-size: .875rem; font-weight: 650; }
.business-source-slot strong, .business-flight strong { color: #e8f1f9; font-family: Onest, sans-serif; font-size: 1.125rem; line-height: 1.4; font-weight: 650; }
.business-queued { display: grid; align-content: center; min-height: 0; padding: 16px; border: 1px solid var(--line); background: #0b1e30; opacity: .55; }
.business-queued p { margin: 8px 0 0; color: #c2d2df; font-size: 1rem; line-height: 1.45; }
.business-processor { position: relative; min-height: 360px; height: 360px; padding: 26px 22px; border: 1px solid rgba(255,173,50,.5); border-radius: 8px; background: #0b2033; overflow: hidden; }
.business-brand-header { position: relative; min-height: 62px; }
.business-brand { position: relative; z-index: 2; color: #eef5fc; font-family: Unbounded, Onest, sans-serif; font-size: clamp(1.2rem, 1.8vw, 1.8rem); line-height: 1.3; font-weight: 700; letter-spacing: -.05em; }
.business-brand > span { color: var(--orange); }
.business-analysis-slot { position: relative; height: 134px; margin-top: 20px; }
.business-status { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 46px; margin-top: 20px; color: #9cb5ca; font-size: .875rem; line-height: 1.4; }
.business-pulse { position: absolute; z-index: 1; top: -4px; left: 0; width: 100%; height: 64px; overflow: hidden; opacity: .5; pointer-events: none; }
.business-pulse path { fill: none; stroke: var(--cyan); stroke-width: 1.5; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.business-conclusion { min-height: 360px; height: 360px; padding: 24px; border-left: 3px solid var(--cyan); background: #102b39; opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s; }
.business-conclusion > small, .business-hypothesis > small { display: block; color: var(--cyan); font-size: .875rem; font-weight: 650; }
.business-conclusion > strong { display: block; min-height: 80px; margin-top: 16px; color: #eff6fc; font-family: Onest, sans-serif; font-size: 1.25rem; line-height: 1.4; font-weight: 650; }
.business-hypothesis { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(53,215,247,.2); }
.business-hypothesis > small { color: var(--orange); }
.business-hypothesis p { margin: 10px 0 0; color: #b5cad9; font-size: 1rem; line-height: 1.5; }
.business-flight { position: absolute; z-index: 5; min-height: 0; margin: 0; visibility: hidden; pointer-events: none; }
.answer-stage.has-flight .business-flight { visibility: visible; }
.answer-stage.is-running .business-flight { animation: business-question-flight .85s ease-in-out both; }
.answer-stage[data-phase="analysis"] .business-processor, .answer-stage[data-phase="answer"] .business-processor { border-color: var(--cyan); }
.answer-stage[data-phase="answer"] .business-conclusion { opacity: 1; visibility: visible; }
.answer-stage[data-phase="clearing"] .business-flight { opacity: 0; transition: opacity .35s; }
.answer-stage.is-paused * { animation-play-state: paused !important; }
@keyframes business-question-flight { from { transform: translate(0, 0); width: var(--source-width); height: var(--source-height); } to { transform: translate(var(--flight-x), var(--flight-y)); width: var(--target-width); height: var(--target-height); } }
@keyframes business-queue-rise { from { transform: translateY(var(--queue-shift, 142px)); } to { transform: translateY(0); } }
@keyframes business-queue-enter { from { opacity: 0; transform: translateY(var(--queue-shift, 142px)); } to { opacity: .55; transform: translateY(0); } }
.signals { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; padding: 70px; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(18, 78, 115, .08)); }
.signals-copy h3 { max-width: 530px; margin: 0; font-size: clamp(2.4rem, 4vw, 4.6rem); line-height: .95; text-transform: uppercase; letter-spacing: -.05em; }
.signals-copy p { max-width: 510px; margin: 25px 0; color: #90a4b9; line-height: 1.75; }
.signals-copy > strong { display: block; max-width: 500px; padding-left: 18px; border-left: 2px solid var(--orange); color: #dce4ec; font-size: .95rem; line-height: 1.65; }
.phone { width: 100%; max-width: 520px; margin-left: auto; overflow: hidden; border: 1px solid rgba(65, 186, 236, .3); border-radius: 18px; background: #0c1d32; }
.phone-top { min-height: 86px; display: grid; grid-template-columns: 50px 1fr 24px; gap: 14px; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--line); text-align: left; }
.phone-top div { display: grid; gap: 3px; }
.phone-top b { font-size: 1rem; }
.phone-top small { color: #91acc1; font-size: .875rem; }
.phone-top i { color: #60758d; font-style: normal; }
.chat-avatar { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 50%; background: #142f45; border: 1px solid rgba(255,173,50,.25); }
.chat-avatar svg { display: block; width: 44px; height: 30px; }
.chat-viewport { height: 440px; padding: 20px 16px; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: none; background: #091b2c; }
.chat-viewport::-webkit-scrollbar { display: none; }
.chat-messages { min-height: 100%; display: flex; flex-direction: column; justify-content: flex-end; gap: 14px; }
.message { flex-shrink: 0; max-width: 94%; display: grid; gap: 8px; margin: 0; padding: 16px 18px 12px; border-radius: 13px 13px 13px 3px; background: #15354c; }
.message .message-area { color: var(--cyan); font-size: .875rem; font-weight: 650; }
.message b { color: #eef6fc; font-size: 1rem; line-height: 1.4; }
.message span { color: #b5c9d9; font-size: 1rem; line-height: 1.5; }
.message time { justify-self: end; color: #89a5b9; font-size: .75rem; line-height: 1; }
.message.important { border-left: 2px solid var(--orange); }
.message.important .message-area { color: var(--orange); }
.message.message-new { overflow: hidden; animation: chat-message-arrives .75s cubic-bezier(.22,.68,.3,1) both; }
@keyframes chat-message-arrives { from { height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; transform: translateY(12px); } to { height: var(--message-height); padding-top: 16px; padding-bottom: 12px; opacity: 1; transform: translateY(0); } }

.paths { padding-top: 145px; padding-bottom: 145px; background: var(--ink); color: var(--white); }
.paths .kicker { color: var(--orange); }
.paths .section-head { display: block; }
.paths .section-head h2 { max-width: 1100px; font-size: clamp(2rem, 4vw, 4.2rem); line-height: 1.12; text-transform: none; }
.paths h2 em { color: var(--orange); font-style: normal; }
.paths h2 em.fan-brush, .products h2 span.fan-brush, .about h2 span.fan-brush { display: inline-block; padding-inline: .3em; font-family: "Road Rage Accent", Onest, sans-serif; font-weight: 400; font-style: normal; font-size: 1.2em; line-height: 1.15; letter-spacing: 0; text-transform: uppercase; -webkit-text-stroke: 0; opacity: 1; }
.products h2 span.fan-brush { display: inline-block; color: #b56600; }
.about h2 span.fan-brush { color: #d77d00; }
.paths-subtitle { margin: 28px 0 0; color: #a4b7c9; font-size: 1.125rem; line-height: 1.5; }
.path-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--line); }
.path-card { min-width: 0; min-height: 510px; position: relative; display: flex; flex-direction: column; padding: 40px; background: #fff; color: var(--ink); }
.path-card + .path-card { border-left: 1px solid var(--dark-line); }
.path-card.featured { background: #0b2033; color: #fff; }
.path-number { position: absolute; right: 35px; top: 28px; color: #a5afb9; font-size: .875rem; font-weight: 650; }
.path-label { margin: 0; padding-right: 30px; color: #b56600; font-size: .875rem; line-height: 1.4; font-weight: 650; }
.featured .path-label { color: var(--orange); }
.path-card h3 { max-width: 100%; margin: 58px 0 24px; font-size: clamp(1.4rem, 2vw, 1.85rem); line-height: 1.22; text-transform: none; letter-spacing: -.04em; overflow-wrap: anywhere; hyphens: auto; }
.path-card > p:not(.path-label) { max-width: 520px; margin: 0 0 28px; color: #647486; font-size: 1rem; line-height: 1.75; }
.path-card > p strong { color: #263c50; font-weight: 650; }
.path-card.featured > p strong { color: #edf4fb; }
.featured > p:not(.path-label) { color: #96a9bc; }
.path-formula { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: auto; padding-top: 30px; border-top: 1px solid var(--dark-line); }
.featured .path-formula { border-color: var(--line); }
.path-formula span { padding: 10px 12px; border: 1px solid var(--dark-line); font-size: .875rem; line-height: 1.3; }
.featured .path-formula span { border-color: var(--line); }
.path-formula i { color: #d77d00; font-style: normal; }

.products { padding-top: 150px; padding-bottom: 150px; background: var(--paper); color: var(--ink); }
.products-title { margin-bottom: 65px; }
.products .kicker, .demo .kicker, .stories .kicker { color: #a75e00; }
.cases .head-note { color: #c0ae92; border-color: rgba(255,173,50,.4); }
.products-title h2 span { -webkit-text-stroke-color: #7b8fa5; }
.flagship { display: grid; grid-template-columns: .55fr 1.2fr 1fr; gap: 45px; align-items: center; padding: 40px; border: 1px solid rgba(255, 173, 50, .45); background: #0b2033; color: var(--white); }
.flagship > div:first-child { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; color: var(--orange); }
.flagship > div:first-child p { margin: 0; font-size: .63rem; text-transform: uppercase; letter-spacing: .15em; font-weight: 850; }
.flagship > div:first-child b { color: rgba(255, 173, 50, .35); font-size: 4rem; }
.flagship h3 { margin: 0; font-size: clamp(2rem, 3.3vw, 3.7rem); line-height: .98; text-transform: uppercase; letter-spacing: -.045em; }
.flagship > p { margin: 0; color: #9bacc0; line-height: 1.75; }
.flagship-chain { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 13px; align-items: center; padding-top: 28px; border-top: 1px solid var(--line); }
.flagship-chain span { color: #bdc9d5; font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; }
.flagship-chain i { color: var(--orange); font-style: normal; }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-left: 1px solid var(--dark-line); }
.product-card { min-height: 360px; display: flex; flex-direction: column; padding: 30px; border-right: 1px solid var(--dark-line); border-bottom: 1px solid var(--dark-line); color: var(--ink); background: linear-gradient(145deg, #fff 0%, #fff 58%, #e8edf2 100%); transition: transform .25s, background .25s; }
.product-card:nth-child(3n+2) { background: linear-gradient(145deg, #fff 0%, #fff 58%, #e7eeee 100%); }
.product-card:nth-child(3n+3) { background: linear-gradient(145deg, #fff 0%, #fff 58%, #ecebef 100%); }
.product-card:hover { transform: translateY(-3px); background: linear-gradient(145deg, #fff 0%, #f7f9fb 52%, #dde5eb 100%); }
.product-card > b { color: #60758d; font-size: .62rem; }
.product-card h3 { margin: 80px 0 14px; font-size: 1.55rem; }
.product-card p { margin: 0; color: #52677b; font-size: .88rem; line-height: 1.65; }
.product-card span { margin-top: auto; padding-top: 22px; border-top: 1px solid var(--dark-line); color: #263d52; font-size: .72rem; }

.demo { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.15fr); gap: clamp(36px, 5vw, 76px); align-items: center; padding-top: 120px; padding-bottom: 120px; background: var(--paper); color: var(--ink); }
.demo-copy { min-width: 0; max-width: 560px; }
.demo-copy h2 { text-transform: none; }
.report-gallery { min-width: 0; margin: 0; overflow: clip; contain: paint; }
.report-nav button { padding: 10px 14px; border: 1px solid var(--dark-line); border-radius: 4px; background: white; color: #334d64; cursor: pointer; font: inherit; }
.report-nav button:hover { border-color: var(--orange); color: var(--orange); }
.report-coverflow { position: relative; height: clamp(245px, 25vw, 365px); perspective: 950px; overflow: hidden; touch-action: pan-y; }
.report-coverflow:focus-visible { outline: 2px solid #d77d00; outline-offset: 3px; }
.report-cover { position: absolute; top: 50%; left: 50%; width: 72%; padding: 0; border: 1px solid #9dabb7; border-radius: 7px; overflow: hidden; background: white; color: #182b3c; box-shadow: 0 18px 35px rgba(7,19,33,.18); transform-style: preserve-3d; }
.report-cover img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; pointer-events: none; }
.report-cover span { display: block; padding: 13px 9px; font-size: .85rem; font-weight: 750; text-align: center; }
.report-center { z-index: 3; transform: translate(-50%, -50%); }
.report-left { z-index: 1; transform: translate(-109%, -50%) rotateY(32deg) scale(.8); cursor: pointer; }
.report-right { z-index: 1; transform: translate(9%, -50%) rotateY(-32deg) scale(.8); cursor: pointer; }
.report-left:hover, .report-right:hover { border-color: #d77d00; }
.report-coverflow.is-turning .report-cover { animation: report-arrive .32s ease-out; }
.report-coverflow.is-turning .report-center { animation: report-center-arrive .32s ease-out; }
@keyframes report-arrive { from { opacity: .65; filter: brightness(.9); } to { opacity: 1; filter: brightness(1); } }
@keyframes report-center-arrive { from { opacity: .7; transform: translate(-46%, -50%); } to { opacity: 1; transform: translate(-50%, -50%); } }
.report-caption { display: grid; gap: 14px; margin-top: 18px; color: #425b70; font-size: .95rem; }
.report-caption p { margin: 0; }
.report-nav { display: flex; align-items: center; gap: 15px; justify-self: start; }
.report-gallery-note { margin: 18px 0 0; color: #52677b; font-size: .875rem; line-height: 1.6; }
.demo-copy h2 { font-size: clamp(2.1rem, 3.1vw, 3.5rem); line-height: 1.1; }
.demo-copy > p:not(.kicker) { max-width: 500px; margin: 28px 0 35px; color: #52677b; line-height: 1.75; }
.demo-console { overflow: hidden; border: 1px solid rgba(72, 192, 240, .27); border-radius: 15px; background: #0b192c; box-shadow: 0 40px 90px rgba(0, 0, 0, .42); }
.console-tabs { display: grid; grid-template-columns: repeat(3, 1fr); }
.console-tabs button { padding: 14px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: transparent; color: #71869f; cursor: pointer; font-size: .72rem; font-weight: 750; }
.console-tabs button.active { color: #fff; background: rgba(255, 173, 50, .08); box-shadow: inset 0 -2px var(--orange); }
.console-body { padding: 16px; }
.console-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.console-kpis article { display: grid; gap: 7px; padding: 14px; border: 1px solid var(--line); }
.console-kpis small, .console-chart small { color: #698099; font-size: .5rem; letter-spacing: .13em; }
.console-kpis strong { font-size: 1.05rem; }
.console-kpis span { color: var(--green); font-size: .55rem; }
.console-chart { margin-top: 9px; padding: 16px; border: 1px solid var(--line); }
.console-chart header { display: flex; justify-content: space-between; align-items: start; }
.console-chart h3 { margin: 5px 0 0; font-size: .9rem; }
.console-chart header > span { color: #657a92; font-size: .55rem; }
.console-chart svg { width: 100%; display: block; margin-top: 5px; }
.console-chart g path { fill: none; stroke: rgba(120, 179, 220, .11); }
#demo-area { fill: rgba(53, 215, 247, .1); }
#demo-line { fill: none; stroke: var(--cyan); stroke-width: 3; filter: drop-shadow(0 0 6px rgba(53, 215, 247, .5)); transition: d .35s ease; }
.demo-console > p { margin: 0; padding: 0 16px 14px; color: #586e85; font-size: .58rem; }

.process { padding-top: 150px; padding-bottom: 150px; background: var(--paper); color: var(--ink); }
.process .kicker { color: #d77d00; }
.process-title { max-width: 1050px; }
.process-title h2 { text-transform: none; }
.process-title .brand-name { color: #d77d00; }
.process-visual { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr; gap: 14px; align-items: stretch; margin-top: 70px; }
.process-column { min-height: 515px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--dark-line); background: #fff; }
.process-column > b { color: #a0aab4; font-size: .62rem; }
.process-column > p { margin: 45px 0 8px; color: #d77d00; font-size: .63rem; text-transform: uppercase; letter-spacing: .15em; font-weight: 850; }
.process-column h3 { margin: 0; font-size: 1.55rem; line-height: 1.1; }
.process-column > .process-description { margin: 18px 0 24px; color: #657487; font-family: Onest, sans-serif; font-size: .95rem; line-height: 1.6; text-transform: none; letter-spacing: 0; font-weight: 400; }
.process-arrow { align-self: center; color: #d77d00; font-size: 1.7rem; text-align: center; }
.source-cloud { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; }
.source-cloud span { padding: 9px 10px; border: 1px solid var(--dark-line); color: #526477; font-size: .66rem; }
.source-cloud span:last-child { border-color: rgba(215, 125, 0, .4); color: #bd7000; }
.mini-dashboard { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; padding: 13px; border: 1px solid #cad3db; background: #09182b; color: white; }
.mini-dashboard > div { display: grid; gap: 5px; padding: 10px; border: 1px solid var(--line); }
.mini-dashboard small { color: #657c94; font-size: .48rem; }
.mini-dashboard strong { font-size: .85rem; }
.mini-dashboard svg { grid-column: 1 / -1; width: 100%; }
.mini-dashboard svg path { fill: none; stroke: var(--cyan); stroke-width: 3; }
.mini-dashboard > span { grid-column: 1 / -1; padding: 8px; background: rgba(255, 173, 50, .12); color: var(--orange); font-size: .58rem; }
.action-stack { display: grid; gap: 8px; margin-top: auto; }
.action-stack span { padding: 13px; border-left: 2px solid var(--orange); background: #f4f6f8; color: #425568; font-size: .7rem; }

.cases { padding-top: 130px; padding-bottom: 130px; background: #071322; color: var(--white); }
.cases .section-head { grid-template-columns: minmax(0, 1fr); }
.cases h2 { overflow-wrap: anywhere; }
.about { overflow: clip; }
.placeholder-note { padding: 14px; border: 1px dashed rgba(255, 173, 50, .45); color: #a99270; }
.case-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.case-card { min-height: 545px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); background: #0a1a2b; transition: .25s; }
.case-card:hover { border-color: rgba(53,215,247,.35); background: #0c2137; }
.case-card header { display: flex; justify-content: space-between; gap: 15px; color: #9aadc1; font-size: .59rem; text-transform: uppercase; letter-spacing: .1em; }
.case-card header b { color: var(--orange); }
.case-card h3 { margin: 55px 0 30px; font-size: clamp(2rem, 3vw, 3.1rem); text-transform: uppercase; letter-spacing: -.04em; }
.case-card dl { display: grid; gap: 17px; margin: 0; }
.case-card dl > div { display: grid; grid-template-columns: 120px 1fr; gap: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.case-card dt { color: var(--orange); font-size: .6rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 800; }
.case-card dd { margin: 0; color: #b3c3d3; font-size: .82rem; line-height: 1.55; }
.case-card footer { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 12px; align-items: end; margin-top: auto; padding-top: 24px; border-top: 1px solid var(--line); }
.case-card footer span { color: #647a92; font-size: .55rem; text-transform: uppercase; }
.case-card footer strong { color: var(--green); font-size: 1.45rem; }

.about { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 45px 65px; padding-top: 100px; padding-bottom: 110px; background: var(--ink); color: var(--white); overflow: hidden; }
.about .kicker { color: var(--orange); text-transform: none; font-size: .85rem; letter-spacing: .06em; }
.about-copy h2 span { -webkit-text-stroke-color: #6f7e8d; }
.about-lead { margin: 30px 0 15px; color: #e2ebf3 !important; font-size: 1.08rem !important; font-weight: 650; }
.about-copy > p:not(.kicker) { max-width: 580px; color: #a4b7c9; line-height: 1.75; }
.text-link { display: inline-flex; align-items: center; gap: 25px; margin-top: 20px; padding-bottom: 8px; border-bottom: 1px solid #d77d00; font-size: .73rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 850; }
.text-link span { color: #d77d00; }
button.text-link { padding-top: 0; padding-inline: 0; border-top: 0; border-left: 0; border-right: 0; background: transparent; color: var(--white); cursor: pointer; }
.about-copy { order: 1; min-width: 0; }
.about-copy h2 { font-size: clamp(2.4rem, 4.3vw, 4.7rem); text-transform: none; line-height: 1.08; }
.about h2 span.fan-brush { color: var(--orange); padding-inline: .12em; }
.about-stats { grid-column: 1 / -1; order: 2; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 40px; align-items: center; padding-top: 30px; border-top: 1px solid var(--line); }
.pavel-visual { order: 0; position: relative; align-self: center; min-width: 0; margin: 0; }
.pavel-visual::before { content: ''; position: absolute; inset: 8% -5% 0; background: radial-gradient(ellipse at 48% 55%, rgba(20,97,137,.25), transparent 68%); pointer-events: none; }
.pavel-visual picture { position: relative; z-index: 1; display: block; }
.pavel-visual img { display: block; width: 100%; height: auto; mask-image: linear-gradient(#000 88%, transparent 100%); }
.process-title .process-brand { font-family: 'Road Rage Accent', cursive; text-transform: none; letter-spacing: 0; font-weight: 400; }
.pavel-orbits { position: absolute; inset: -7% -9%; pointer-events: none; }
.pavel-orbits i { position: absolute; inset: 15% 0; border: 1px solid rgba(65,149,184,.16); border-radius: 50%; transform: rotate(-14deg); }
.pavel-orbits i:nth-child(2) { inset: 25% 7%; transform: rotate(12deg); }
.pavel-orbits i:nth-child(3) { inset: 34% 13%; border-style: dashed; transform: rotate(-14deg); }
.experience { display: flex; flex-direction: column; align-items: start; gap: 18px; padding: 15px 0; border: 0; }
.experience strong { color: var(--orange); font-size: clamp(4rem, 6vw, 6rem); line-height: .9; letter-spacing: -.065em; }
.experience span { color: #a4b7c9; font-size: .85rem; line-height: 1.35; text-transform: uppercase; letter-spacing: .1em; }
.competencies { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 30px; }
.competencies article { min-height: 85px; display: flex; flex-direction: column; justify-content: start; padding: 12px 0; border: 0; border-top: 1px solid var(--line); }
.competencies b { font-size: .82rem; }
.competencies span { margin-top: 8px; color: #a4b7c9; font-size: .8rem; line-height: 1.45; }

.stories { padding-top: 130px; padding-bottom: 130px; background: var(--paper); color: var(--ink); }
.stories-title { max-width: 880px; }
.stories-title > p:last-child { max-width: 620px; color: #52677b; line-height: 1.7; }
.video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 60px; }
.video-card { min-height: 390px; position: relative; display: flex; align-items: end; padding: 25px; border: 1px solid var(--line); background: radial-gradient(circle at 70% 24%, rgba(28, 134, 188, .2), transparent 34%), linear-gradient(145deg, #0a1d32, #06101f); color: white; text-align: left; cursor: pointer; overflow: hidden; }
.video-card:before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(68, 176, 225, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(68, 176, 225, .04) 1px, transparent 1px); background-size: 32px 32px; }
.video-card:hover .play { transform: scale(1.08); background: var(--orange); color: var(--ink); }
.play { width: 58px; height: 58px; display: grid; place-items: center; position: absolute; left: 25px; top: 25px; z-index: 1; border: 1px solid rgba(255, 173, 50, .5); border-radius: 50%; color: var(--orange); transition: .2s; }
.video-card > div { position: relative; z-index: 1; display: grid; gap: 12px; }
.video-card small { color: var(--orange); font-size: .55rem; letter-spacing: .12em; }
.video-card strong { font-size: 1.25rem; line-height: 1.25; }
.video-card p { margin: 0; color: #778ca3; font-size: .7rem; }

.final-cta { min-height: 780px; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 35px 75px; align-content: center; padding-top: 130px; padding-bottom: 130px; background: radial-gradient(circle at 76% 44%, rgba(24, 137, 193, .2), transparent 31%), linear-gradient(125deg, #06101f, #0a1a2f); overflow: hidden; }
.final-cta > *:not(.final-grid) { position: relative; z-index: 1; }
.final-copy > p:last-child { max-width: 590px; color: #93a6ba; line-height: 1.75; }
.final-copy .final-brush { font-family: "Road Rage Accent", Onest, sans-serif; font-size: 1.85rem; font-weight: 400; line-height: 1.2; letter-spacing: 0; text-transform: none; }
.requests > p { color: #8296ab; font-size: .84rem; }
.requests blockquote { margin: 10px 0 25px; padding: 18px 20px; border-left: 2px solid var(--orange); background: rgba(255, 255, 255, .025); color: #e1e7ed; font-size: 1rem; line-height: 1.6; }
.requests .request-bubble { position: relative; margin-left: 18px; padding: 21px 24px 14px; border: 1px solid rgba(53,215,247,.16); border-radius: 18px 18px 4px 18px; background: #143448; color: #edf5fb; }
.request-bubble::after { content: ""; position: absolute; right: -7px; bottom: -1px; width: 12px; height: 14px; background: #143448; clip-path: polygon(0 0, 0 100%, 100% 100%); }
.request-bubble small { display: block; margin-top: 12px; color: #98bdcc; font-size: .65rem; line-height: 1.3; text-align: right; }
.request-bubble small span { margin-left: 7px; color: var(--cyan); letter-spacing: -.2em; }
.requests-bottom strong { color: #fff; }
.final-actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }
.social-link { display: grid; grid-template-columns: 48px 1fr auto; gap: 15px; align-items: center; min-height: 80px; padding: 14px 18px; border: 1px solid var(--line); background: rgba(255, 255, 255, .025); border-radius: 8px; transition: .2s; }
.social-link:hover { transform: translateY(-3px); border-color: rgba(255, 173, 50, .5); }
.social-link > span { width: 46px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: #229ed9; font-weight: 850; }
.social-link.vk > span { background: #2787f5; font-size: .7rem; }
.social-link div { display: grid; gap: 3px; }
.social-link small { color: #657b92; font-size: .52rem; letter-spacing: .13em; }
.social-link strong { font-size: 1rem; }
.social-link > b { color: var(--orange); }

.footer { min-height: 105px; display: flex; align-items: center; gap: 35px; padding: 0 max(24px, calc((100vw - var(--max)) / 2)); border-top: 1px solid var(--line); background: #040b14; color: #667a90; font-size: .7rem; }
.footer > p { margin-right: auto; }
.footer > div { display: flex; gap: 24px; }
.footer a:hover { color: #fff; }
.footer { padding-top: 30px; padding-bottom: 135px; }
.reading-progress { position: fixed; right: 24px; bottom: 22px; z-index: 24; display: grid; gap: 7px; min-width: 156px; max-width: 184px; padding: 14px 17px; border: 1px solid rgba(136,190,236,.3); border-radius: 8px; background: rgba(6,16,31,.95); color: var(--white); text-align: right; cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,.14); }
.reading-number { display: flex; align-items: baseline; justify-content: end; gap: 3px; color: var(--orange); font-family: Unbounded, Onest, sans-serif; font-size: 3.25rem; font-weight: 650; line-height: 1; letter-spacing: -.07em; font-variant-numeric: tabular-nums; }
.reading-unit { font-size: 1.3rem; letter-spacing: 0; }
.reading-caption { font-size: .72rem; line-height: 1.4; color: #b5c9db; }
.reading-progress[data-complete="true"] { border-color: var(--orange); }
.reading-progress[data-complete="true"] .reading-caption { color: var(--orange); }
.reading-progress:hover { border-color: var(--cyan); }
.reading-progress:focus-visible, button.text-link:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }

dialog { width: min(750px, calc(100vw - 32px)); max-height: calc(100svh - 32px); overflow: auto; padding: 42px; border: 1px solid rgba(83, 197, 240, .3); border-radius: 16px; background: #09182b; color: white; box-shadow: 0 60px 140px rgba(0, 0, 0, .65); }
dialog::backdrop { background: rgba(2, 7, 14, .78); backdrop-filter: blur(7px); }
dialog h2 { font-size: clamp(2.6rem, 6vw, 4.8rem); }
dialog > p:not(.kicker) { max-width: 600px; color: #91a5ba; line-height: 1.7; }
.dialog-close { width: 42px; height: 42px; position: absolute; top: 18px; right: 18px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: #b9c5d2; font-size: 1.4rem; cursor: pointer; }
.dialog-close:hover { border-color: var(--orange); color: var(--orange); }
.demo-choices { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0; }
.demo-choices button { padding: 11px 13px; border: 1px solid var(--line); background: transparent; color: #8ea2b7; cursor: pointer; }
.demo-choices button.active { border-color: var(--orange); background: rgba(255, 173, 50, .1); color: var(--orange); }
.dialog-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.video-placeholder { height: 220px; display: grid; place-items: center; margin: -42px -42px 35px; background: radial-gradient(circle, rgba(31, 147, 202, .25), transparent 35%), #06101f; border-bottom: 1px solid var(--line); }
.video-placeholder span { width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid var(--orange); border-radius: 50%; color: var(--orange); }

.reveal { opacity: 1; transform: none; }
.reveal.visible { animation: reveal-in .65s cubic-bezier(.2, .65, .2, 1) both; }
@keyframes reveal-in { from { opacity: .2; transform: translateY(22px); } to { opacity: 1; transform: none; } }

@media (max-width: 1200px) {
  .menu-toggle { display: block; margin-left: auto; }
  .site-header nav { display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 0; padding: 18px 24px; background: #071321; border-bottom: 1px solid var(--line); flex-wrap: wrap; gap: 0; white-space: normal; box-shadow: 0 20px 30px rgba(0,0,0,.2); }
  .site-header nav.is-open { display: flex; }
  .site-header nav a { padding: 13px 16px; font-size: 1rem; }
}
@media (max-width: 1040px) {
  .hero { height: auto; min-height: 1050px; grid-template-columns: 1fr; align-content: center; padding-top: 125px; }
  .hero-copy { max-width: 800px; }
  .hero-live { max-width: 760px; width: 100%; margin: 0 auto 70px; transform: none; }
  .section-head { grid-template-columns: 55px 1fr; }
  .head-note { grid-column: 2; }
  .reality-grid { grid-template-columns: repeat(2, 1fr); }
  .reality-grid > .reality-card:nth-child(n) { grid-column: auto; }
  .reality-grid > .reality-card:last-child { grid-column: 1 / -1; }
  .decision-copy { grid-template-columns: 1fr; }
  .decision-copy > p:last-child { margin-top: 0; }
  .decision-flow { grid-template-columns: repeat(4, 1fr); }
  .decision-flow > i { display: none; }
  .signals { gap: 45px; padding: 45px; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .flagship { grid-template-columns: .4fr 1fr; }
  .flagship > p { grid-column: 2; }
  .demo { grid-template-columns: 1fr; }
  .demo-copy { max-width: 850px; }
  .process-visual { grid-template-columns: 1fr; }
  .process-arrow { transform: rotate(90deg); }
  .process-column { min-height: 430px; }
  .about { grid-template-columns: 1fr; }
  .pavel-visual { width: 100%; max-width: 650px; justify-self: center; }
  .cases .section-head { grid-template-columns: minmax(0, 1fr); }
  .cases .head-note { grid-column: 2; }
}

@media (max-width: 720px) {
  .site-header { height: 56px; padding: 0 12px; gap: 8px; }
  .site-header .wordmark svg, .blog-page .site-header .wordmark img { width: min(130px, 34vw); }
  .header-cta { display: block; padding: 7px 9px; font-size: .75rem; }
  .header-blog { padding: 8px 10px; font-size: .75rem; }
  .contact-long { display: none; }
  .menu-toggle { padding: 6px 8px; font-size: .875rem; }
  html { scroll-padding-top: 74px; }
  .hero { min-height: 980px; padding: 112px 18px 75px; gap: 38px; }
  .hero h1 { font-size: clamp(3rem, 15vw, 4.7rem); }
  .hero-lead { font-size: 1rem; }
  .hero-actions { display: grid; }
  .button { width: 100%; }
  .hero-mantra { grid-template-columns: 1fr; }
  .hero-mantra span, .hero-mantra span + span { min-height: 48px; padding: 10px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .hero-mantra span:last-child { border-bottom: 0; }
  .hero-live { margin-bottom: 55px; }
  .live-main { padding: 12px; }
  .pulse-chart { height: 150px; }
  .live-kpis { gap: 5px; }
  .live-kpis article { padding: 9px; }
  .live-kpis strong { font-size: .72rem; }
  .hero-alert { bottom: -90px; width: calc(100% - 20px); left: 10px; }
  .scroll-cue { display: none; }
  .section-pad { padding-left: 18px; padding-right: 18px; }
  .section-head { display: block; }
  .section-no { margin-bottom: 30px; }
  .head-note { margin-top: 25px; }
  .section-head h2, .decision h2, .pulse-intro h2, .paths h2, .products h2, .demo h2, .process h2, .cases h2, .about h2, .stories h2, .final-cta h2 { font-size: clamp(2.45rem, 12vw, 3.8rem); }
  .reality, .decision, .pulse-section, .paths, .products, .demo, .process, .cases, .about, .stories { padding-top: 95px; padding-bottom: 95px; }
  .reality-grid { grid-template-columns: 1fr; }
  .reality-card { min-height: 0; grid-template-rows: auto auto; }
  .reality-problem, .reality-solution { padding: 25px; }
  .reality .section-head .problem-solution-title { gap: .2em; font-size: clamp(1.2rem, 5vw, 1.5rem); margin-top: 22px; }
  .decision-flow { grid-template-columns: 1fr; }
  .decision-flow > div { min-height: 125px; }
  .decision-facts { grid-template-columns: 1fr; }
  .decision-facts article, .decision-facts article + article { padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--dark-line); }
  .signals { grid-template-columns: 1fr; padding: 25px; }
  .phone { width: 100%; margin: 0; }
  .path-grid { grid-template-columns: 1fr; }
  .path-card { min-height: 470px; padding: 28px; }
  .path-card + .path-card { border-left: 0; border-top: 1px solid var(--dark-line); }
  .product-grid { grid-template-columns: 1fr; }
  .flagship { display: block; padding: 27px; }
  .flagship > div:first-child { min-height: 95px; }
  .flagship > div:first-child b { font-size: 2.5rem; }
  .flagship h3 { margin: 25px 0; }
  .flagship-chain { margin-top: 28px; }
  .product-card { min-height: 320px; }
  .console-kpis strong { font-size: .72rem; }
  .process-column { min-height: 390px; }
  .case-grid { grid-template-columns: minmax(0, 1fr); }
  .case-card { min-width: 0; min-height: 560px; padding: 22px; }
  .case-card h3 { overflow-wrap: anywhere; }
  .case-card header { flex-wrap: wrap; }
  .reality h2 .brand-name, .pulse-section h2 .brand-name { font-size: .9em; }
  .case-card dl > div { grid-template-columns: 90px 1fr; }
  .case-card footer { grid-template-columns: 1fr 1fr; }
  .experience { align-items: center; }
  .about-stats { grid-template-columns: 1fr; gap: 22px; }
  .experience { flex-direction: row; justify-content: start; gap: 22px; }
  .competencies { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 22px; }
  .competencies article { border-right: 0; }
  .demo { gap: 35px; }
  .demo-copy h2 { font-size: clamp(2.1rem, 8vw, 3rem); }
  .report-caption { gap: 14px; }
  .cases .section-head { display: block; }
  .cases .section-no { margin-bottom: 20px; }
  .about-copy h2 { font-size: clamp(2.2rem, 8.5vw, 3.6rem); }
  .video-grid { grid-template-columns: 1fr; }
  .video-card { min-height: 330px; }
  .final-cta { min-height: auto; grid-template-columns: 1fr; padding-top: 95px; padding-bottom: 95px; }
  .final-actions { grid-column: 1; grid-template-columns: 1fr; }
  .footer { display: block; padding-top: 28px; padding-bottom: 28px; }
  .footer > p { margin: 16px 0; }
  .footer > div { flex-wrap: wrap; }
  .footer { padding-bottom: 135px; }
  .reading-progress { right: 16px; bottom: 16px; min-width: 130px; max-width: 156px; padding: 12px 14px; }
  .reading-number { font-size: 2.65rem; }
  .reading-caption { font-size: .68rem; }
  dialog { padding: 28px 20px 22px; }
  .dialog-actions { grid-template-columns: 1fr; }
  .video-placeholder { margin: -28px -20px 30px; }
}

@media (prefers-reduced-motion: reduce) {
  .message.message-new { animation: none !important; }
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* First screen: data in, a clear signal out. Other sections are unchanged. */
.hero.hero-machine { height: auto; min-height: 900px; grid-template-columns: .95fr 1.05fr; gap: 64px; padding-top: 145px; padding-bottom: 115px; }
.hero-machine .hero-copy { min-width: 0; }
.hero-machine h1 { margin: 0; max-width: 720px; text-transform: none; line-height: 1.04; letter-spacing: -.05em; }
.hero-intro { display: block; max-width: 510px; margin-bottom: 24px; color: #d7e1ed; font-family: Onest, sans-serif; font-size: clamp(1.4rem, 2.1vw, 1.85rem); line-height: 1.3; letter-spacing: -.025em; font-weight: 550; }
.hero-fan { display: block; color: var(--orange); font-size: clamp(2.5rem, 4.3vw, 4.2rem); line-height: 1.12; letter-spacing: -.06em; font-weight: 750; }
.hero-machine .hero-lead { margin-top: 28px; font-size: 1.2rem; line-height: 1.5; }
.hero-description { margin: 23px 0 0; color: #9eb0c5; font-size: 1rem; line-height: 1.7; max-width: 620px; }
.hero-machine .hero-actions { margin-top: 32px; gap: 12px; }
.hero-machine .button { text-transform: none; letter-spacing: 0; font-size: .95rem; gap: 16px; padding-inline: 21px; }
.fan-machine { position: relative; z-index: 2; min-width: 0; height: 680px; border: 1px solid rgba(87,178,227,.25); border-radius: 18px; background: #091726; box-shadow: 0 25px 90px rgba(0,0,0,.22); overflow: hidden; }
.machine-header { position: absolute; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 20px 26px; color: #849ab3; font-size: .875rem; }
.machine-header { top: 0; justify-content: space-between; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.machine-header > span:first-child { color: var(--cyan); font-weight: 800; letter-spacing: .05em; }
.machine-header > span:last-child { margin-left: auto; }
.machine-pipeline { position: absolute; width: 1px; top: 103px; bottom: 118px; left: 50%; background: linear-gradient(transparent, var(--cyan) 35%, var(--cyan) 65%, transparent); opacity: .3; }
.machine-input { position: absolute; top: 86px; left: 26px; right: 26px; height: 154px; }
.machine-step { position: relative; z-index: 3; margin: 0; color: #aebed0; font-size: .875rem; line-height: 1.3; }
.machine-step b { margin-right: 10px; color: var(--orange); font-size: .875rem; }
.machine-input { z-index: 4; }
.data-stream { position: relative; height: 95px; --row-step: 33.333%; }
.incoming-chip, .queue-chip, .active-task { position: absolute; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 10px; border: 1px solid rgba(94,186,235,.4); border-radius: 6px; background: #122d44; font-size: .875rem; line-height: 1.15; font-weight: 650; }
.queue-chip, .incoming-chip, .active-task { left: 50%; top: 40px; width: min(115px, calc((100% - 16px)/3)); height: 48px; padding: 6px; text-align: center; }
.queue-next { transform: translate(-50%, -50%); opacity: .7; }
.queue-back { transform: translate(calc(-50% - var(--row-step)), -50%); opacity: .7; }
.incoming-chip { color: #b4d0e4; opacity: 0; transform: translate(calc(-50% - var(--row-step)), -50%); }
.active-task { z-index: 5; color: #ebf8ff; border-color: var(--cyan); transform: translate(calc(-50% + var(--row-step)), -50%); }
.machine-core { position: absolute; top: 280px; left: 26px; right: 26px; }
.processor-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; }
.analysis-slot { flex: 0 0 clamp(90px, 8vw, 115px); min-height: 44px; border: 1px dashed rgba(53,215,247,.25); border-radius: 6px; font-size: .875rem; color: var(--cyan); display: flex; align-items: center; justify-content: center; text-align: center; }
.processor { position: relative; margin-top: 13px; padding: 18px 24px 13px; border: 1px solid rgba(255,173,50,.55); border-radius: 9px; background: #0b2033; transition: border-color .3s, box-shadow .3s; }
.processor-brand { color: #f0f6fd; font-family: Unbounded, Onest, sans-serif; font-size: clamp(1rem, 1.5vw, 1.6rem); font-weight: 700; letter-spacing: -.04em; }
.processor-brand > span { color: var(--orange); }
.processor-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; margin-top: 12px; color: #9eb4ca; font-size: .875rem; line-height: 1.35; }
.processor-status > span { min-width: 0; }
.processor-pulse { display: block; flex: 0 0 78px; width: 78px; height: 30px; overflow: visible; }
.processor-pulse-grid { fill: none; stroke: rgba(53,215,247,.15); stroke-width: 1; }
.processor-pulse-line { fill: none; stroke: var(--cyan); stroke-width: 2.3; stroke-linejoin: round; stroke-linecap: round; }
.machine-output { position: absolute; left: 26px; right: 26px; top: 500px; }
.machine-signal { display: flex; align-items: flex-start; gap: 14px; margin-top: 12px; padding: 16px 18px; min-height: 118px; border-left: 3px solid var(--cyan); background: #102b39; border-radius: 0 7px 7px 0; opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s; }
.machine-signal.is-visible { opacity: 1; visibility: visible; }
.machine-signal.is-typing strong::after { content: '▎'; color: var(--cyan); animation: typing-cursor .7s steps(1) infinite; }
@keyframes typing-cursor { 50% { opacity: 0; } }
.signal-icon { flex: 0 0 23px; color: var(--cyan); font-size: 1.4rem; line-height: 1.15; }
.machine-signal small { display: block; color: var(--cyan); font-size: .75rem; font-weight: 750; letter-spacing: .045em; }
.machine-signal strong { display: block; margin-top: 4px; color: #f4f7fa; font-size: 1.12rem; line-height: 1.25; letter-spacing: -.025em; }
.machine-signal p { margin: 5px 0 0; color: #9ab4c7; font-size: .875rem; line-height: 1.3; }
.machine-signal[data-tone="warn"] { border-left-color: var(--orange); background: #302619; }
.machine-signal[data-tone="warn"] .signal-icon, .machine-signal[data-tone="warn"] small { color: var(--orange); }
.machine-signal[data-tone="alert"] { border-left-color: var(--red); background: #30202a; }
.machine-signal[data-tone="alert"] .signal-icon, .machine-signal[data-tone="alert"] small { color: var(--red); }
.fan-machine.is-running .incoming-chip { animation: queue-arrival .95s ease-in-out both; }
.fan-machine.is-running .queue-next { animation: row-next .95s ease-in-out both; }
.fan-machine.is-running .queue-back { animation: row-back .95s ease-in-out both; }
.fan-machine.is-running .active-task { animation: task-analysis .95s ease-in-out both; }
.fan-machine[data-phase="clearing"] .active-task { opacity: 0 !important; transition: opacity .35s; }
.fan-machine[data-phase="processing"] .processor, .fan-machine[data-phase="ready"] .processor, .fan-machine[data-phase="signal"] .processor { border-color: var(--cyan); }
.fan-machine[data-phase="receiving"] .processor-pulse-line { opacity: .25; }
.fan-machine[data-phase="processing"] .processor-pulse-line { stroke-dasharray: 560; animation: scan-pulse 1.2s ease-out both; }
.fan-machine[data-phase="ready"] .processor-pulse-line, .fan-machine[data-phase="signal"] .processor-pulse-line { animation: calm-pulse 2.4s ease-in-out infinite; }
.fan-machine.is-paused *, .fan-machine.is-paused .incoming-chip, .fan-machine.is-paused .queue-next { animation-play-state: paused !important; }
.machine-signal.signal-arrives { animation: none; }
.contact-dialog h2 { font-size: clamp(1.8rem, 3.5vw, 3.2rem); line-height: 1.1; text-transform: none; letter-spacing: -.05em; }
.contact-dialog h2 span { color: var(--orange); -webkit-text-stroke: 0; opacity: 1; }
.contact-dialog > p:not(.kicker) { font-size: 1rem; }
.no-request { margin-top: 25px; border-left: 3px solid var(--orange); padding: 4px 0 4px 18px; }
.no-request strong { font-size: 1.2rem; }
.no-request p { margin: 8px 0 0; color: #a3b6c9; font-size: 1rem; line-height: 1.5; }
.contact-dialog .dialog-actions { margin-top: 28px; }
.contact-dialog .social-link small { font-size: .75rem; }
@keyframes queue-arrival { 0%, 60% { opacity: 0; transform: translate(calc(-50% - var(--row-step) - 35px), -60px); } 100% { opacity: .7; transform: translate(calc(-50% - var(--row-step)), -50%); } }
@keyframes row-next { 0%, 15% { transform: translate(-50%, -50%); } 65%, 100% { transform: translate(calc(-50% + var(--row-step)), -50%); } }
@keyframes row-back { 0%, 15% { transform: translate(calc(-50% - var(--row-step)), -50%); } 65%, 100% { transform: translate(-50%, -50%); } }
@keyframes task-analysis { 0%, 15% { opacity: 1; width: var(--row-width); transform: translate(calc(-50% + var(--row-step)), -50%); } 100% { opacity: 1; width: var(--analysis-width); transform: translate(calc(-50% + var(--task-x)), calc(-50% + var(--task-y))); } }
@keyframes scan-pulse { from { stroke-dashoffset: 560; } to { stroke-dashoffset: 0; } }
@keyframes calm-pulse { 0%, 100% { opacity: .65; } 50% { opacity: 1; } }
@media (max-width: 1100px) {
  .hero.hero-machine { grid-template-columns: 1fr 1.1fr; gap: 35px; }
  .hero-fan { font-size: clamp(2.2rem, 4.5vw, 3.8rem); }
  .machine-header { padding-inline: 18px; }
  .machine-input, .machine-core, .machine-output { left: 18px; right: 18px; }
  .processor { padding-inline: 18px; }
}
@media (max-width: 850px) {
  .path-grid { grid-template-columns: 1fr; }
  .path-card + .path-card { border-left: 0; border-top: 1px solid var(--dark-line); }
  .answer-stage { grid-template-columns: 1fr; gap: 35px; width: calc(100vw - 36px); margin-left: calc((100% - (100vw - 36px)) / 2); padding: 24px; }
  .business-column > h3 { min-height: 0; margin-bottom: 18px; }
  .business-column > h3 > small { display: inline; margin-right: 10px; }
  .business-answers h3 br { display: none; }
  .business-queued { padding-block: 12px; }
  .business-processor, .business-conclusion { min-height: 360px; height: auto; }
  .business-queue { height: auto; min-height: 360px; grid-template-rows: repeat(3, minmax(112px, auto)); }
  .business-brand { font-size: clamp(1.2rem, 4.5vw, 1.8rem); }
  .hero.hero-machine { grid-template-columns: 1fr; gap: 45px; padding-top: 125px; padding-bottom: 100px; }
  .hero-machine .hero-copy { order: 1; }
  .fan-machine { order: 2; width: 100%; max-width: 560px; }
  .hero-fan { font-size: clamp(2.6rem, 7vw, 4rem); }
}
@media (max-width: 480px) {
  .hero.hero-machine { padding-inline: 20px; }
  .hero-intro { font-size: 1.25rem; }
  .hero-fan { font-size: clamp(2rem, 9.4vw, 2.8rem); }
  .hero-machine .hero-lead { font-size: 1.1rem; }
  .hero-machine .hero-actions { flex-direction: column; }
  .hero-machine .button { width: 100%; }
  .fan-machine { height: 700px; }
  .machine-header { padding-inline: 14px; }
  .machine-header > span:last-child { font-size: .75rem; }
  .machine-input, .machine-core, .machine-output { left: 14px; right: 14px; }
  .processor-brand { font-size: 1.05rem; }
  .processor { padding-inline: 14px; }
  .processor-pulse { flex-basis: 52px; width: 52px; }
  .machine-output { top: 500px; }
  .machine-signal { padding: 14px 12px; gap: 10px; min-height: 112px; }
  .machine-signal strong { font-size: 1.05rem; }
  .contact-dialog .dialog-actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .answer-stage .business-flight, .answer-stage .business-pulse path { animation: none !important; }
  .answer-stage.has-flight .business-flight { visibility: hidden; }
  .answer-stage .business-queue > div { animation: none !important; }
  .answer-stage[data-phase="answer"] .business-analysis-slot { display: grid; align-items: center; color: #d8e7f3; font-size: 1rem; line-height: 1.45; }
  .fan-machine .incoming-chip, .fan-machine .queue-chip, .fan-machine .active-task, .fan-machine .processor-pulse-line { animation: none !important; }
  .fan-machine .incoming-chip { opacity: .7; transform: translate(calc(-50% + var(--row-step)), -50%); }
  .fan-machine .active-task { display: none; }
}

/* Keep all three stages in normal flow: longer analysis never covers the result. */
.fan-machine { height: auto; min-height: 600px; }
.fan-machine .machine-header { position: relative; }
.fan-machine .machine-input, .fan-machine .machine-core, .fan-machine .machine-output { position: relative; top: auto; left: auto; right: auto; margin-inline: 26px; }
.fan-machine .machine-input { margin-top: 24px; height: 120px; }
.fan-machine .machine-core { margin-top: 16px; }
.fan-machine .machine-output { margin-top: 32px; margin-bottom: 32px; }
@media (max-width: 1100px) {
  .fan-machine .machine-input, .fan-machine .machine-core, .fan-machine .machine-output { margin-inline: 18px; }
}
@media (max-width: 480px) {
  .fan-machine .machine-input, .fan-machine .machine-core, .fan-machine .machine-output { margin-inline: 14px; }
}