/* Tailwind compiled locally for NEXIS — no runtime CDN dependency. */
/*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Remove default margins and padding
  3. Reset all borders.
*/

*,
::after,
::before,
::backdrop,
::file-selector-button {
  box-sizing: border-box; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 2 */
  border: 0 solid; /* 3 */
}

/*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS.
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  tab-size: 4; /* 3 */
  font-family: var(
    --default-font-family,
    ui-sans-serif,
    system-ui,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji'
  ); /* 4 */
  font-feature-settings: var(--default-font-feature-settings, normal); /* 5 */
  font-variation-settings: var(--default-font-variation-settings, normal); /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Reset the default border style to a 1px solid border.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
  Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/*
  Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
  Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
  Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: var(
    --default-mono-font-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace
  ); /* 1 */
  font-feature-settings: var(--default-mono-font-feature-settings, normal); /* 2 */
  font-variation-settings: var(--default-mono-font-variation-settings, normal); /* 3 */
  font-size: 1em; /* 4 */
}

/*
  Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
  Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
  Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
  Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
  Make lists unstyled by default.
*/

ol,
ul,
menu {
  list-style: none;
}

/*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
      This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/*
  1. Inherit font styles in all browsers.
  2. Remove border radius in all browsers.
  3. Remove background color in all browsers.
  4. Ensure consistent opacity for disabled states in all browsers.
*/

button,
input,
select,
optgroup,
textarea,
::file-selector-button {
  font: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  border-radius: 0; /* 2 */
  background-color: transparent; /* 3 */
  opacity: 1; /* 4 */
}

/*
  Restore default font weight.
*/

:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}

/*
  Restore indentation.
*/

:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}

/*
  Restore space after button.
*/

::file-selector-button {
  margin-inline-end: 4px;
}

/*
  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/

::placeholder {
  opacity: 1;
}

/*
  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
*/

@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
  (contain-intrinsic-size: 1px) /* Safari 17+ */ {
  ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}

/*
  Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
  Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
  1. Ensure date/time inputs have the same height when empty in iOS Safari.
  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
*/

::-webkit-date-and-time-value {
  min-height: 1lh; /* 1 */
  text-align: inherit; /* 2 */
}

/*
  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
*/

::-webkit-datetime-edit {
  display: inline-flex;
}

/*
  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
*/

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}

/*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
  Correct the inability to style the border radius in iOS Safari.
*/

button,
input:where([type='button'], [type='reset'], [type='submit']),
::file-selector-button {
  appearance: button;
}

/*
  Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
  Make elements with the HTML hidden attribute stay hidden by default.
*/

[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}

/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-sans: 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-emerald-300: #6ee7b7;
  --color-emerald-400: #34d399;
  --color-emerald-500: #10b981;
  --color-teal-400: #2dd4bf;
  --color-cyan-400: #22d3ee;
  --color-cyan-500: #06b6d4;
  --color-cyan-950: #083344;
  --color-fuchsia-300: oklch(83.3% 0.145 321.434);
  --color-fuchsia-400: oklch(74% 0.238 322.16);
  --color-fuchsia-500: oklch(66.7% 0.295 322.15);
  --color-pink-400: #f472b6;
  --color-rose-400: #fb7185;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-800: #1e293b;
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-md: 28rem;
  --container-3xl: 48rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-sm: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --blur-md: 12px;
  --blur-xl: 24px;
  --aspect-video: 16 / 9;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --color-obsidian-950: #030305;
  --color-obsidian-900: #07070A;
  --color-carmine-500: #D94A78;
  --font-syne: 'Syne', sans-serif;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.-inset-1 {
  inset: calc(var(--spacing) * -1);
}
.-inset-2 {
  inset: calc(var(--spacing) * -2);
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
  inset-inline: calc(var(--spacing) * 0);
}
.inset-x-3 {
  inset-inline: calc(var(--spacing) * 3);
}
.inset-x-4 {
  inset-inline: calc(var(--spacing) * 4);
}
.-inset-y-\[20\%\] {
  inset-block: calc(20% * -1);
}
.inset-y-0 {
  inset-block: calc(var(--spacing) * 0);
}
.inset-y-2 {
  inset-block: calc(var(--spacing) * 2);
}
.-top-2 {
  top: calc(var(--spacing) * -2);
}
.-top-\[10vh\] {
  top: calc(10vh * -1);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-1 {
  top: calc(var(--spacing) * 1);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-\[4\%\] {
  top: 4%;
}
.top-\[25vh\] {
  top: 25vh;
}
.top-\[32\%\] {
  top: 32%;
}
.top-\[44\%\] {
  top: 44%;
}
.top-\[68\%\] {
  top: 68%;
}
.top-\[150px\] {
  top: 150px;
}
.-right-\[35vw\] {
  right: calc(35vw * -1);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-1 {
  right: calc(var(--spacing) * 1);
}
.right-3 {
  right: calc(var(--spacing) * 3);
}
.right-3\.5 {
  right: calc(var(--spacing) * 3.5);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-1 {
  bottom: calc(var(--spacing) * 1);
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-3 {
  bottom: calc(var(--spacing) * 3);
}
.bottom-3\.5 {
  bottom: calc(var(--spacing) * 3.5);
}
.bottom-6 {
  bottom: calc(var(--spacing) * 6);
}
.bottom-\[46px\] {
  bottom: 46px;
}
.-left-1\/3 {
  left: calc(calc(1/3 * 100%) * -1);
}
.-left-\[35vw\] {
  left: calc(35vw * -1);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-1 {
  left: calc(var(--spacing) * 1);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-3 {
  left: calc(var(--spacing) * 3);
}
.left-\[28\%\] {
  left: 28%;
}
.left-\[64\%\] {
  left: 64%;
}
.left-\[78\%\] {
  left: 78%;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[200\] {
  z-index: 200;
}
.m-0 {
  margin: calc(var(--spacing) * 0);
}
.m-auto {
  margin: auto;
}
.mx-0\.5 {
  margin-inline: calc(var(--spacing) * 0.5);
}
.mx-1 {
  margin-inline: calc(var(--spacing) * 1);
}
.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.mx-2\.5 {
  margin-inline: calc(var(--spacing) * 2.5);
}
.mx-3\.5 {
  margin-inline: calc(var(--spacing) * 3.5);
}
.mx-auto {
  margin-inline: auto;
}
.my-auto {
  margin-block: auto;
}
.\!mt-6 {
  margin-top: calc(var(--spacing) * 6) !important;
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-2\.5 {
  margin-top: calc(var(--spacing) * 2.5);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-3\.5 {
  margin-top: calc(var(--spacing) * 3.5);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
.mr-2\.5 {
  margin-right: calc(var(--spacing) * 2.5);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.ml-0 {
  margin-left: calc(var(--spacing) * 0);
}
.ml-0\.5 {
  margin-left: calc(var(--spacing) * 0.5);
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.aspect-\[4\/4\.7\] {
  aspect-ratio: 4/4.7;
}
.aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: var(--aspect-video);
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}
.h-3\.5 {
  height: calc(var(--spacing) * 3.5);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-13 {
  height: calc(var(--spacing) * 13);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-\[1\.5px\] {
  height: 1.5px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[2\.5px\] {
  height: 2.5px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[5\.5px\] {
  height: 5.5px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[360px\] {
  height: 360px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.min-h-\[2\.25rem\] {
  min-height: 2.25rem;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.min-h-\[58px\] {
  min-height: 58px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-0 {
  width: calc(var(--spacing) * 0);
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-1\/3 {
  width: calc(1/3 * 100%);
}
.w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}
.w-3\.5 {
  width: calc(var(--spacing) * 3.5);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-7 {
  width: calc(var(--spacing) * 7);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-28 {
  width: calc(var(--spacing) * 28);
}
.w-\[1px\] {
  width: 1px;
}
.w-\[2\.5px\] {
  width: 2.5px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[5\.5px\] {
  width: 5.5px;
}
.w-\[11px\] {
  width: 11px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[19px\] {
  width: 19px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[82\%\] {
  width: 82%;
}
.w-\[120vw\] {
  width: 120vw;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[210px\] {
  width: 210px;
}
.w-\[216px\] {
  width: 216px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-\[95\%\] {
  max-width: 95%;
}
.max-w-\[135px\] {
  max-width: 135px;
}
.max-w-\[210px\] {
  max-width: 210px;
}
.max-w-\[255px\] {
  max-width: 255px;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[1350px\] {
  max-width: 1350px;
}
.max-w-\[1450px\] {
  max-width: 1450px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-md {
  max-width: var(--container-md);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-\[560px\] {
  min-width: 560px;
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.origin-center {
  transform-origin: center;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-1 {
  --tw-translate-y: calc(var(--spacing) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[-10px\] {
  --tw-translate-y: -10px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-skew-x-12 {
  --tw-skew-x: skewX(calc(12deg * -1));
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
  gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-\[2\.5px\] {
  gap: 2.5px;
}
.space-y-1\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-12 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.gap-x-2\.5 {
  column-gap: calc(var(--spacing) * 2.5);
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
.gap-y-1 {
  row-gap: calc(var(--spacing) * 1);
}
.gap-y-3 {
  row-gap: calc(var(--spacing) * 3);
}
.self-end {
  align-self: flex-end;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-none {
  border-radius: 0;
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-tl-sm {
  border-top-left-radius: var(--radius-sm);
}
.rounded-tl-xl {
  border-top-left-radius: var(--radius-xl);
}
.rounded-tr-sm {
  border-top-right-radius: var(--radius-sm);
}
.rounded-tr-xl {
  border-top-right-radius: var(--radius-xl);
}
.rounded-br-xl {
  border-bottom-right-radius: var(--radius-xl);
}
.rounded-bl-xl {
  border-bottom-left-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-r-2 {
  border-right-style: var(--tw-border-style);
  border-right-width: 2px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.border-amber-400 {
  border-color: var(--color-amber-400);
}
.border-amber-400\/20 {
  border-color: color-mix(in srgb, #fbbf24 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
  }
}
.border-amber-400\/25 {
  border-color: color-mix(in srgb, #fbbf24 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
  }
}
.border-amber-400\/30 {
  border-color: color-mix(in srgb, #fbbf24 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
  }
}
.border-cyan-400\/30 {
  border-color: color-mix(in srgb, #22d3ee 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);
  }
}
.border-cyan-500\/25 {
  border-color: color-mix(in srgb, #06b6d4 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-cyan-500) 25%, transparent);
  }
}
.border-emerald-400\/20 {
  border-color: color-mix(in srgb, #34d399 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
  }
}
.border-emerald-400\/50 {
  border-color: color-mix(in srgb, #34d399 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent);
  }
}
.border-emerald-400\/70 {
  border-color: color-mix(in srgb, #34d399 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
  }
}
.border-emerald-500\/20 {
  border-color: color-mix(in srgb, #10b981 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
  }
}
.border-emerald-500\/35 {
  border-color: color-mix(in srgb, #10b981 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 35%, transparent);
  }
}
.border-emerald-500\/\[0\.02\] {
  border-color: color-mix(in srgb, #10b981 2%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 2%, transparent);
  }
}
.border-fuchsia-400\/20 {
  border-color: color-mix(in srgb, oklch(74% 0.238 322.16) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
  }
}
.border-pink-400\/30 {
  border-color: color-mix(in srgb, #f472b6 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-pink-400) 30%, transparent);
  }
}
.border-slate-800\/80 {
  border-color: color-mix(in srgb, #1e293b 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
  }
}
.border-transparent {
  border-color: transparent;
}
.border-white\/10 {
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.border-white\/20 {
  border-color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.border-white\/\[0\.04\] {
  border-color: color-mix(in srgb, #fff 4%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
  }
}
.border-white\/\[0\.05\] {
  border-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.border-white\/\[0\.06\] {
  border-color: color-mix(in srgb, #fff 6%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
  }
}
.border-white\/\[0\.08\] {
  border-color: color-mix(in srgb, #fff 8%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
  }
}
.border-white\/\[0\.12\] {
  border-color: color-mix(in srgb, #fff 12%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
  }
}
.border-white\/\[0\.045\] {
  border-color: color-mix(in srgb, #fff 4.5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 4.5%, transparent);
  }
}
.\!bg-\[\#D94A78\] {
  background-color: #D94A78 !important;
}
.bg-\[\#38BDF8\]\/\[0\.05\] {
  background-color: color-mix(in oklab, #38BDF8 5%, transparent);
}
.bg-\[\#07070A\] {
  background-color: #07070A;
}
.bg-\[\#08080A\] {
  background-color: #08080A;
}
.bg-\[\#030305\] {
  background-color: #030305;
}
.bg-\[\#050508\] {
  background-color: #050508;
}
.bg-\[\#D94A78\] {
  background-color: #D94A78;
}
.bg-\[\#D94A78\]\/\[0\.05\] {
  background-color: color-mix(in oklab, #D94A78 5%, transparent);
}
.bg-amber-400 {
  background-color: var(--color-amber-400);
}
.bg-cyan-400 {
  background-color: var(--color-cyan-400);
}
.bg-cyan-400\/80 {
  background-color: color-mix(in srgb, #22d3ee 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-400) 80%, transparent);
  }
}
.bg-cyan-500\/25 {
  background-color: color-mix(in srgb, #06b6d4 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-500) 25%, transparent);
  }
}
.bg-cyan-950\/60 {
  background-color: color-mix(in srgb, #083344 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-950) 60%, transparent);
  }
}
.bg-emerald-400 {
  background-color: var(--color-emerald-400);
}
.bg-emerald-400\/70 {
  background-color: color-mix(in srgb, #34d399 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
  }
}
.bg-emerald-500\/10 {
  background-color: color-mix(in srgb, #10b981 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
  }
}
.bg-emerald-500\/15 {
  background-color: color-mix(in srgb, #10b981 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
  }
}
.bg-emerald-500\/\[0\.035\] {
  background-color: color-mix(in srgb, #10b981 3.5000000000000004%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 3.5000000000000004%, transparent);
  }
}
.bg-fuchsia-500\/10 {
  background-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent);
  }
}
.bg-obsidian-900\/10 {
  background-color: color-mix(in srgb, #07070A 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-obsidian-900) 10%, transparent);
  }
}
.bg-obsidian-900\/40 {
  background-color: color-mix(in srgb, #07070A 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-obsidian-900) 40%, transparent);
  }
}
.bg-obsidian-900\/60 {
  background-color: color-mix(in srgb, #07070A 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-obsidian-900) 60%, transparent);
  }
}
.bg-obsidian-900\/80 {
  background-color: color-mix(in srgb, #07070A 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-obsidian-900) 80%, transparent);
  }
}
.bg-obsidian-900\/90 {
  background-color: color-mix(in srgb, #07070A 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-obsidian-900) 90%, transparent);
  }
}
.bg-obsidian-950 {
  background-color: var(--color-obsidian-950);
}
.bg-obsidian-950\/70 {
  background-color: color-mix(in srgb, #030305 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-obsidian-950) 70%, transparent);
  }
}
.bg-obsidian-950\/85 {
  background-color: color-mix(in srgb, #030305 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-obsidian-950) 85%, transparent);
  }
}
.bg-obsidian-950\/95 {
  background-color: color-mix(in srgb, #030305 95%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-obsidian-950) 95%, transparent);
  }
}
.bg-slate-400 {
  background-color: var(--color-slate-400);
}
.bg-teal-400\/80 {
  background-color: color-mix(in srgb, #2dd4bf 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-teal-400) 80%, transparent);
  }
}
.bg-transparent {
  background-color: transparent;
}
.bg-white\/5 {
  background-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.bg-white\/10 {
  background-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.bg-white\/20 {
  background-color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.bg-white\/\[0\.04\] {
  background-color: color-mix(in srgb, #fff 4%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
  }
}
.bg-white\/\[0\.06\] {
  background-color: color-mix(in srgb, #fff 6%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
  }
}
.bg-white\/\[0\.08\] {
  background-color: color-mix(in srgb, #fff 8%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
  }
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-radial {
  --tw-gradient-position: in oklab;
  background-image: radial-gradient(var(--tw-gradient-stops));
}
.from-black\/85 {
  --tw-gradient-from: color-mix(in srgb, #000 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 85%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-carmine-500 {
  --tw-gradient-from: var(--color-carmine-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-cyan-950\/20 {
  --tw-gradient-from: color-mix(in srgb, #083344 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-cyan-950) 20%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-emerald-500\/60 {
  --tw-gradient-from: color-mix(in srgb, #10b981 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 60%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white {
  --tw-gradient-from: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-amber-300\/25 {
  --tw-gradient-via: color-mix(in srgb, #fcd34d 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-amber-300) 25%, transparent);
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-cyan-400 {
  --tw-gradient-via: var(--color-cyan-400);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-emerald-400\/85 {
  --tw-gradient-via: color-mix(in srgb, #34d399 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-emerald-400) 85%, transparent);
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-emerald-400\/90 {
  --tw-gradient-via: color-mix(in srgb, #34d399 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-emerald-400) 90%, transparent);
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-rose-400 {
  --tw-gradient-via: var(--color-rose-400);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-transparent {
  --tw-gradient-via: transparent;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-white {
  --tw-gradient-via: var(--color-white);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-white\/\[0\.03\] {
  --tw-gradient-via: color-mix(in srgb, #fff 3%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-white) 3%, transparent);
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-black\/20 {
  --tw-gradient-to: color-mix(in srgb, #000 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-cyan-400 {
  --tw-gradient-to: var(--color-cyan-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-emerald-300 {
  --tw-gradient-to: var(--color-emerald-300);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.\[mask-image\:linear-gradient\(to_right\,transparent\,black_6\%\,black_94\%\,transparent\)\] {
  mask-image: linear-gradient(to right,transparent,black 6%,black 94%,transparent);
}
.\[mask-image\:radial-gradient\(ellipse_80\%_70\%_at_50\%_45\%\,\#000_60\%\,transparent_100\%\)\] {
  mask-image: radial-gradient(ellipse 80% 70% at 50% 45%,#000 60%,transparent 100%);
}
.bg-clip-text {
  background-clip: text;
}
.fill-current {
  fill: currentcolor;
}
.fill-white {
  fill: var(--color-white);
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-\[50\%_18\%\] {
  object-position: 50% 18%;
}
.object-center {
  object-position: center;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-\[2px\] {
  padding: 2px;
}
.px-0 {
  padding-inline: calc(var(--spacing) * 0);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pt-10 {
  padding-top: calc(var(--spacing) * 10);
}
.pt-20 {
  padding-top: calc(var(--spacing) * 20);
}
.pb-0 {
  padding-bottom: calc(var(--spacing) * 0);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-3\.5 {
  padding-bottom: calc(var(--spacing) * 3.5);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-7 {
  padding-bottom: calc(var(--spacing) * 7);
}
.pl-0 {
  padding-left: calc(var(--spacing) * 0);
}
.pl-1\.5 {
  padding-left: calc(var(--spacing) * 1.5);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.font-mono {
  font-family: var(--font-mono);
}
.font-sans {
  font-family: var(--font-sans);
}
.font-syne {
  font-family: var(--font-syne);
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[9\.5px\] {
  font-size: 9.5px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11\.5px\] {
  font-size: 11.5px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[15px\] {
  font-size: 15px;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-normal {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.2em\] {
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
}
.tracking-\[0\.10em\] {
  --tw-tracking: 0.10em;
  letter-spacing: 0.10em;
}
.tracking-\[0\.12em\] {
  --tw-tracking: 0.12em;
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\] {
  --tw-tracking: 0.14em;
  letter-spacing: 0.14em;
}
.tracking-\[0\.15em\] {
  --tw-tracking: 0.15em;
  letter-spacing: 0.15em;
}
.tracking-\[0\.16em\] {
  --tw-tracking: 0.16em;
  letter-spacing: 0.16em;
}
.tracking-\[0\.18em\] {
  --tw-tracking: 0.18em;
  letter-spacing: 0.18em;
}
.tracking-\[0\.22em\] {
  --tw-tracking: 0.22em;
  letter-spacing: 0.22em;
}
.tracking-\[0\.25em\] {
  --tw-tracking: 0.25em;
  letter-spacing: 0.25em;
}
.tracking-normal {
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.break-words {
  overflow-wrap: break-word;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-\[\#38BDF8\] {
  color: #38BDF8;
}
.text-\[\#D94A78\] {
  color: #D94A78;
}
.text-\[\#E2E8F0\] {
  color: #E2E8F0;
}
.text-amber-400 {
  color: var(--color-amber-400);
}
.text-carmine-500 {
  color: var(--color-carmine-500);
}
.text-cyan-400 {
  color: var(--color-cyan-400);
}
.text-emerald-300 {
  color: var(--color-emerald-300);
}
.text-emerald-400 {
  color: var(--color-emerald-400);
}
.text-fuchsia-300 {
  color: var(--color-fuchsia-300);
}
.text-slate-200 {
  color: var(--color-slate-200);
}
.text-slate-300 {
  color: var(--color-slate-300);
}
.text-slate-300\/80 {
  color: color-mix(in srgb, #cbd5e1 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-slate-300) 80%, transparent);
  }
}
.text-slate-400 {
  color: var(--color-slate-400);
}
.text-slate-400\/70 {
  color: color-mix(in srgb, #94a3b8 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-slate-400) 70%, transparent);
  }
}
.text-slate-400\/80 {
  color: color-mix(in srgb, #94a3b8 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-slate-400) 80%, transparent);
  }
}
.text-slate-500 {
  color: var(--color-slate-500);
}
.text-slate-500\/80 {
  color: color-mix(in srgb, #64748b 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-slate-500) 80%, transparent);
  }
}
.text-slate-600 {
  color: var(--color-slate-600);
}
.text-transparent {
  color: transparent;
}
.text-white {
  color: var(--color-white);
}
.text-white\/20 {
  color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accent-emerald-400 {
  accent-color: var(--color-emerald-400);
}
.\!opacity-100 {
  opacity: 100% !important;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-1 {
  opacity: 1%;
}
.opacity-25 {
  opacity: 25%;
}
.opacity-35 {
  opacity: 35%;
}
.opacity-40 {
  opacity: 40%;
}
.opacity-60 {
  opacity: 60%;
}
.opacity-75 {
  opacity: 75%;
}
.opacity-80 {
  opacity: 80%;
}
.opacity-85 {
  opacity: 85%;
}
.opacity-90 {
  opacity: 90%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_3px_rgba\(52\,211\,153\,0\.3\)\] {
  --tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(52,211,153,0.3));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_6px_\#34d399\] {
  --tw-shadow: 0 0 6px var(--tw-shadow-color, #34d399);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(34\,211\,238\,0\.15\)\] {
  --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(34,211,238,0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(52\,211\,153\,0\.5\)\] {
  --tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(52,211,153,0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(52\,211\,153\,0\.22\)\] {
  --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(52,211,153,0.22));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(251\,191\,36\,0\.06\)\] {
  --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(251,191,36,0.06));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(217\,74\,120\,0\.45\)\] {
  --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(217,74,120,0.45));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_12px_rgba\(255\,255\,255\,0\.06\)\] {
  --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(255,255,255,0.06));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.6\)\] {
  --tw-shadow: 0 4px 24px var(--tw-shadow-color, rgba(0,0,0,0.6));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_1px_2px_rgba\(0\,0\,0\,0\.5\)\] {
  --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.blur-\[38px\] {
  --tw-blur: blur(38px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[85px\] {
  --tw-blur: blur(85px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[160px\] {
  --tw-blur: blur(160px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[180px\] {
  --tw-blur: blur(180px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.brightness-95 {
  --tw-brightness: brightness(95%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.contrast-125 {
  --tw-contrast: contrast(125%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-\[0_0_6px_rgba\(56\,189\,248\,0\.35\)\] {
  --tw-drop-shadow-size: drop-shadow(0 0 6px var(--tw-drop-shadow-color, rgba(56,189,248,0.35)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-\[0_0_6px_rgba\(217\,74\,120\,0\.35\)\] {
  --tw-drop-shadow-size: drop-shadow(0 0 6px var(--tw-drop-shadow-color, rgba(217,74,120,0.35)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-\[0_0_8px_rgba\(225\,48\,108\,0\.55\)\] {
  --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(225,48,108,0.55)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(var(--blur-xl));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition-\[opacity\,transform\] {
  transition-property: opacity,transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[opacity\] {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\,filter\] {
  transition-property: width,filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-75 {
  --tw-duration: 75ms;
  transition-duration: 75ms;
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-240 {
  --tw-duration: 240ms;
  transition-duration: 240ms;
}
.duration-250 {
  --tw-duration: 250ms;
  transition-duration: 250ms;
}
.duration-260 {
  --tw-duration: 260ms;
  transition-duration: 260ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-380 {
  --tw-duration: 380ms;
  transition-duration: 380ms;
}
.duration-400 {
  --tw-duration: 400ms;
  transition-duration: 400ms;
}
.duration-420 {
  --tw-duration: 420ms;
  transition-duration: 420ms;
}
.duration-480 {
  --tw-duration: 480ms;
  transition-duration: 480ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-700 {
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.duration-1000 {
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
}
.ease-linear {
  --tw-ease: linear;
  transition-timing-function: linear;
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.will-change-\[opacity\,transform\] {
  will-change: opacity,transform;
}
.will-change-\[opacity\] {
  will-change: opacity;
}
.will-change-\[transform\,opacity\] {
  will-change: transform,opacity;
}
.will-change-\[width\] {
  will-change: width;
}
.will-change-auto {
  will-change: auto;
}
.will-change-transform {
  will-change: transform;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.\[animation-delay\:0\.2s\] {
  animation-delay: 0.2s;
}
.\[animation-delay\:0\.4s\] {
  animation-delay: 0.4s;
}
.group-hover\:translate-x-0\.5 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:translate-x-full {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:-translate-y-0\.5 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:scale-105 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:text-slate-300 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-slate-300);
    }
  }
}
.group-hover\:text-white {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.group-hover\:opacity-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 0%;
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.group-hover\:brightness-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.selection\:bg-carmine-500 {
  & *::selection {
    background-color: var(--color-carmine-500);
  }
  &::selection {
    background-color: var(--color-carmine-500);
  }
}
.selection\:text-white {
  & *::selection {
    color: var(--color-white);
  }
  &::selection {
    color: var(--color-white);
  }
}
.hover\:scale-\[1\.03\] {
  &:hover {
    @media (hover: hover) {
      scale: 1.03;
    }
  }
}
.hover\:border-white\/\[0\.18\] {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, #fff 18%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 18%, transparent);
      }
    }
  }
}
.hover\:\!bg-\[\#B83860\] {
  &:hover {
    @media (hover: hover) {
      background-color: #B83860 !important;
    }
  }
}
.hover\:bg-\[\#0D0D12\] {
  &:hover {
    @media (hover: hover) {
      background-color: #0D0D12;
    }
  }
}
.hover\:bg-white\/\[0\.02\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 2%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
      }
    }
  }
}
.hover\:bg-white\/\[0\.03\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }
  }
}
.hover\:bg-white\/\[0\.04\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 4%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
      }
    }
  }
}
.hover\:text-\[\#0A66C2\] {
  &:hover {
    @media (hover: hover) {
      color: #0A66C2;
    }
  }
}
.hover\:text-slate-200 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-slate-200);
    }
  }
}
.hover\:text-slate-300 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-slate-300);
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:shadow-\[0_0_18px_rgba\(217\,74\,120\,0\.7\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 18px var(--tw-shadow-color, rgba(217,74,120,0.7));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:drop-shadow-\[0_0_8px_rgba\(10\,102\,194\,0\.65\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, rgba(10,102,194,0.65)));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.active\:scale-95 {
  &:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.active\:scale-\[0\.98\] {
  &:active {
    scale: 0.98;
  }
}
.sm\:-inset-5 {
  @media (width >= 40rem) {
    inset: calc(var(--spacing) * -5);
  }
}
.sm\:top-1 {
  @media (width >= 40rem) {
    top: calc(var(--spacing) * 1);
  }
}
.sm\:top-\[160px\] {
  @media (width >= 40rem) {
    top: 160px;
  }
}
.sm\:right-3 {
  @media (width >= 40rem) {
    right: calc(var(--spacing) * 3);
  }
}
.sm\:right-4 {
  @media (width >= 40rem) {
    right: calc(var(--spacing) * 4);
  }
}
.sm\:bottom-4 {
  @media (width >= 40rem) {
    bottom: calc(var(--spacing) * 4);
  }
}
.sm\:bottom-8 {
  @media (width >= 40rem) {
    bottom: calc(var(--spacing) * 8);
  }
}
.sm\:left-4 {
  @media (width >= 40rem) {
    left: calc(var(--spacing) * 4);
  }
}
.sm\:mx-4 {
  @media (width >= 40rem) {
    margin-inline: calc(var(--spacing) * 4);
  }
}
.sm\:\!mt-8 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 8) !important;
  }
}
.sm\:mt-1\.5 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 1.5);
  }
}
.sm\:mt-3 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 3);
  }
}
.sm\:mt-3\.5 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 3.5);
  }
}
.sm\:mt-5 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 5);
  }
}
.sm\:mt-6 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 6);
  }
}
.sm\:mt-7 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 7);
  }
}
.sm\:mt-8 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 8);
  }
}
.sm\:mt-10 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 10);
  }
}
.sm\:mr-4 {
  @media (width >= 40rem) {
    margin-right: calc(var(--spacing) * 4);
  }
}
.sm\:mb-2\.5 {
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
}
.sm\:block {
  @media (width >= 40rem) {
    display: block;
  }
}
.sm\:flex {
  @media (width >= 40rem) {
    display: flex;
  }
}
.sm\:h-6 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 6);
  }
}
.sm\:h-7 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 7);
  }
}
.sm\:h-8 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 8);
  }
}
.sm\:h-10 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 10);
  }
}
.sm\:h-11 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 11);
  }
}
.sm\:h-12 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 12);
  }
}
.sm\:h-14 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 14);
  }
}
.sm\:h-16 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 16);
  }
}
.sm\:h-\[15px\] {
  @media (width >= 40rem) {
    height: 15px;
  }
}
.sm\:h-\[16px\] {
  @media (width >= 40rem) {
    height: 16px;
  }
}
.sm\:h-\[30px\] {
  @media (width >= 40rem) {
    height: 30px;
  }
}
.sm\:h-\[76px\] {
  @media (width >= 40rem) {
    height: 76px;
  }
}
.sm\:h-\[96px\] {
  @media (width >= 40rem) {
    height: 96px;
  }
}
.sm\:h-\[155px\] {
  @media (width >= 40rem) {
    height: 155px;
  }
}
.sm\:h-\[480px\] {
  @media (width >= 40rem) {
    height: 480px;
  }
}
.sm\:min-h-\[42px\] {
  @media (width >= 40rem) {
    min-height: 42px;
  }
}
.sm\:min-h-\[44px\] {
  @media (width >= 40rem) {
    min-height: 44px;
  }
}
.sm\:min-h-\[275px\] {
  @media (width >= 40rem) {
    min-height: 275px;
  }
}
.sm\:w-6 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 6);
  }
}
.sm\:w-7 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 7);
  }
}
.sm\:w-8 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 8);
  }
}
.sm\:w-10 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 10);
  }
}
.sm\:w-32 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 32);
  }
}
.sm\:w-\[2\.5px\] {
  @media (width >= 40rem) {
    width: 2.5px;
  }
}
.sm\:w-\[15px\] {
  @media (width >= 40rem) {
    width: 15px;
  }
}
.sm\:w-\[16px\] {
  @media (width >= 40rem) {
    width: 16px;
  }
}
.sm\:w-\[90vw\] {
  @media (width >= 40rem) {
    width: 90vw;
  }
}
.sm\:w-\[95vw\] {
  @media (width >= 40rem) {
    width: 95vw;
  }
}
.sm\:w-\[155px\] {
  @media (width >= 40rem) {
    width: 155px;
  }
}
.sm\:w-\[255px\] {
  @media (width >= 40rem) {
    width: 255px;
  }
}
.sm\:w-\[280px\] {
  @media (width >= 40rem) {
    width: 280px;
  }
}
.sm\:w-auto {
  @media (width >= 40rem) {
    width: auto;
  }
}
.sm\:max-w-\[72\%\] {
  @media (width >= 40rem) {
    max-width: 72%;
  }
}
.sm\:max-w-\[420px\] {
  @media (width >= 40rem) {
    max-width: 420px;
  }
}
.sm\:max-w-\[500px\] {
  @media (width >= 40rem) {
    max-width: 500px;
  }
}
.sm\:max-w-none {
  @media (width >= 40rem) {
    max-width: none;
  }
}
.sm\:min-w-full {
  @media (width >= 40rem) {
    min-width: 100%;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:gap-2\.5 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 2.5);
  }
}
.sm\:gap-3 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 3);
  }
}
.sm\:gap-3\.5 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 3.5);
  }
}
.sm\:gap-4 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.sm\:gap-10 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 10);
  }
}
.sm\:gap-\[3px\] {
  @media (width >= 40rem) {
    gap: 3px;
  }
}
.sm\:space-y-3 {
  @media (width >= 40rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.sm\:space-y-4 {
  @media (width >= 40rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.sm\:space-y-7 {
  @media (width >= 40rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.sm\:space-y-8 {
  @media (width >= 40rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.sm\:space-y-9 {
  @media (width >= 40rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.sm\:space-y-24 {
  @media (width >= 40rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.sm\:space-y-\[22px\] {
  @media (width >= 40rem) {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(22px * var(--tw-space-y-reverse));
      margin-block-end: calc(22px * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
.sm\:gap-x-14 {
  @media (width >= 40rem) {
    column-gap: calc(var(--spacing) * 14);
  }
}
.sm\:gap-y-2\.5 {
  @media (width >= 40rem) {
    row-gap: calc(var(--spacing) * 2.5);
  }
}
.sm\:p-3\.5 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 3.5);
  }
}
.sm\:px-3 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 3);
  }
}
.sm\:px-3\.5 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 3.5);
  }
}
.sm\:px-4 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.sm\:px-6 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.sm\:py-2 {
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing) * 2);
  }
}
.sm\:py-2\.5 {
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing) * 2.5);
  }
}
.sm\:py-6 {
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing) * 6);
  }
}
.sm\:pt-4 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 4);
  }
}
.sm\:pt-5 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 5);
  }
}
.sm\:pt-6 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 6);
  }
}
.sm\:pt-10 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 10);
  }
}
.sm\:pt-16 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 16);
  }
}
.sm\:pt-18 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 18);
  }
}
.sm\:pt-32 {
  @media (width >= 40rem) {
    padding-top: calc(var(--spacing) * 32);
  }
}
.sm\:pt-\[38px\] {
  @media (width >= 40rem) {
    padding-top: 38px;
  }
}
.sm\:pb-3 {
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 3);
  }
}
.sm\:pb-5 {
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 5);
  }
}
.sm\:pb-8 {
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 8);
  }
}
.sm\:pb-11 {
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 11);
  }
}
.sm\:pl-2 {
  @media (width >= 40rem) {
    padding-left: calc(var(--spacing) * 2);
  }
}
.sm\:text-2xl {
  @media (width >= 40rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.sm\:text-lg {
  @media (width >= 40rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.sm\:text-sm {
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.sm\:text-xs {
  @media (width >= 40rem) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
.sm\:text-\[10\.5px\] {
  @media (width >= 40rem) {
    font-size: 10.5px;
  }
}
.sm\:text-\[10px\] {
  @media (width >= 40rem) {
    font-size: 10px;
  }
}
.sm\:text-\[11\.5px\] {
  @media (width >= 40rem) {
    font-size: 11.5px;
  }
}
.sm\:text-\[11px\] {
  @media (width >= 40rem) {
    font-size: 11px;
  }
}
.sm\:text-\[12\.5px\] {
  @media (width >= 40rem) {
    font-size: 12.5px;
  }
}
.sm\:text-\[13px\] {
  @media (width >= 40rem) {
    font-size: 13px;
  }
}
.sm\:text-\[14px\] {
  @media (width >= 40rem) {
    font-size: 14px;
  }
}
.sm\:text-\[20px\] {
  @media (width >= 40rem) {
    font-size: 20px;
  }
}
.sm\:tracking-\[0\.2em\] {
  @media (width >= 40rem) {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
}
.sm\:tracking-\[0\.22em\] {
  @media (width >= 40rem) {
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
  }
}
.sm\:whitespace-normal {
  @media (width >= 40rem) {
    white-space: normal;
  }
}
.sm\:opacity-50 {
  @media (width >= 40rem) {
    opacity: 50%;
  }
}
.sm\:blur-\[64px\] {
  @media (width >= 40rem) {
    --tw-blur: blur(64px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.sm\:blur-\[110px\] {
  @media (width >= 40rem) {
    --tw-blur: blur(110px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.sm\:blur-\[260px\] {
  @media (width >= 40rem) {
    --tw-blur: blur(260px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.sm\:blur-\[280px\] {
  @media (width >= 40rem) {
    --tw-blur: blur(280px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.lg\:top-\[166px\] {
  @media (width >= 64rem) {
    top: 166px;
  }
}
.lg\:col-span-5 {
  @media (width >= 64rem) {
    grid-column: span 5 / span 5;
  }
}
.lg\:col-span-6 {
  @media (width >= 64rem) {
    grid-column: span 6 / span 6;
  }
}
.lg\:col-span-7 {
  @media (width >= 64rem) {
    grid-column: span 7 / span 7;
  }
}
.lg\:mx-0 {
  @media (width >= 64rem) {
    margin-inline: calc(var(--spacing) * 0);
  }
}
.lg\:mt-\[98px\] {
  @media (width >= 64rem) {
    margin-top: 98px;
  }
}
.lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:hidden {
  @media (width >= 64rem) {
    display: none;
  }
}
.lg\:min-h-\[290px\] {
  @media (width >= 64rem) {
    min-height: 290px;
  }
}
.lg\:max-w-\[540px\] {
  @media (width >= 64rem) {
    max-width: 540px;
  }
}
.lg\:translate-y-\[18px\] {
  @media (width >= 64rem) {
    --tw-translate-y: 18px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.lg\:grid-cols-12 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.lg\:gap-10 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 10);
  }
}
.lg\:gap-12 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 12);
  }
}
.lg\:gap-14 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 14);
  }
}
.lg\:gap-x-16 {
  @media (width >= 64rem) {
    column-gap: calc(var(--spacing) * 16);
  }
}
.lg\:pt-20 {
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 20);
  }
}
.lg\:pt-22 {
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 22);
  }
}
.lg\:pb-6 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 6);
  }
}
.lg\:pb-8 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 8);
  }
}
.lg\:pl-10 {
  @media (width >= 64rem) {
    padding-left: calc(var(--spacing) * 10);
  }
}
.lg\:text-\[13\.5px\] {
  @media (width >= 64rem) {
    font-size: 13.5px;
  }
}
.lg\:text-\[14\.5px\] {
  @media (width >= 64rem) {
    font-size: 14.5px;
  }
}
.lg\:before\:absolute {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
}
.lg\:before\:top-1 {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 1);
    }
  }
}
.lg\:before\:bottom-1 {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 1);
    }
  }
}
.lg\:before\:left-0 {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
}
.lg\:before\:w-\[1px\] {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      width: 1px;
    }
  }
}
.lg\:before\:bg-gradient-to-b {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
}
.lg\:before\:from-transparent {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.lg\:before\:via-white\/\[0\.08\] {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      --tw-gradient-via: color-mix(in srgb, #fff 8%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-via: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
}
.lg\:before\:to-transparent {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.lg\:before\:content-\[\'\'\] {
  @media (width >= 64rem) {
    &::before {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
}
.xl\:max-w-\[440px\] {
  @media (width >= 80rem) {
    max-width: 440px;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}

.display-xl {
            font-family: 'Syne', sans-serif;
            font-weight: 800;
            line-height: 0.94;
            letter-spacing: -0.028em;
            text-transform: uppercase;
            font-size: clamp(2.1rem, 7.2vw, 4.4rem);
        }

        .site-container {
            width: 100%;
            max-width: 1480px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1rem;
            padding-right: 1rem;
        }
        @media (min-width: 640px) {
            .site-container {
                padding-left: 2rem;
                padding-right: 2rem;
            }
        }

        .display-l {
            font-family: 'Syne', sans-serif;
            font-weight: 800;
            line-height: 0.98;
            letter-spacing: -0.024em;
            text-transform: uppercase;
            font-size: clamp(1.65rem, 5.6vw, 2.75rem);
        }

        .display-m {
            font-family: 'Syne', sans-serif;
            font-weight: 800;
            line-height: 1.05;
            letter-spacing: -0.018em;
            text-transform: uppercase;
            font-size: clamp(1.2rem, 4.2vw, 1.95rem);
        }

        .track-primary-desc {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: clamp(0.85rem, 2.5vw, 0.98rem);
            line-height: 1.45;
            font-weight: 500;
        }

        .track-secondary-mono {
            font-family: 'JetBrains Mono', monospace;
            font-size: clamp(0.72rem, 2vw, 0.82rem);
            line-height: 1.45;
        }

        .editorial-subtext {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: clamp(0.85rem, 2.4vw, 0.98rem);
            line-height: 1.45;
            font-weight: 400;
            color: #94a3b8;
        }

        #heroHeadlineBlock {
            margin-left: 0 !important;
            padding-left: 11px !important;
            text-align: left !important;
            box-sizing: border-box !important;
        }
        #heroHeadlineBlock h1 {
            margin-left: 0 !important;
            padding-left: 0 !important;
        }
        #heroHeadlineBlock #heroMainWord1,
        #heroHeadlineBlock #heroMainWord2 {
            margin-left: 0 !important;
            padding-left: 0 !important;
        }
        #heroHeadlineBlock #heroPreTag,
        #heroHeadlineBlock #heroSubline {
            margin-left: 0 !important;
            padding-left: 3.5px !important;
        }

        [data-lang="ru"] #heroHeadlineBlock #heroMainWord1,
        [data-lang="ru"] #heroHeadlineBlock #heroMainWord2 {
            letter-spacing: 0.006em;
        }

        [data-lang="ru"] #heroHeadlineBlock #heroSubline,
        [data-lang="ru"] #heroHeadlineBlock #heroPreTag {
            letter-spacing: 0.02em;
        }

        /* Final intro polish: fast, soft text reveal without overlap drag. */
        #heroPreTag,
        #heroMainWord1,
        #heroMainWord2,
        #heroSubline {
            transition-duration: 760ms !important;
            transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        [data-lang="en"] #heroHeadlineBlock {
            max-width: 100% !important;
            width: 100% !important;
            padding-left: 11px !important;
            margin-left: 0 !important;
            padding-right: 18px !important;
            box-sizing: border-box !important;
        }
        @media (min-width: 1024px) {
            [data-lang="en"] #heroHeadlineBlock {
                padding-right: 20px !important;
            }
        }

        [data-lang="en"] #heroHeadlineBlock #heroMainWord1,
        [data-lang="en"] #heroHeadlineBlock #heroMainWord2 {
            line-height: 0.92 !important;
            letter-spacing: -0.04em !important;
            max-width: 100% !important;
        }

        [data-lang="en"] .en-headline-line {
            display: block !important;
            white-space: nowrap !important;
            word-break: keep-all !important;
            overflow-wrap: normal !important;
            hyphens: none !important;
            font-size: 0.90em !important;
            line-height: 0.92 !important;
            letter-spacing: -0.04em !important;
            text-transform: uppercase !important;
            width: fit-content !important;
            max-width: 100% !important;
        }

        /* English copy needs a slightly tighter, more editorial rhythm than Russian. */
        [data-lang="en"] #heroPreTag {
            letter-spacing: 0.055em !important;
            font-weight: 600 !important;
        }
        [data-lang="en"] #heroSubline {
            max-width: 31rem !important;
            letter-spacing: 0.002em !important;
            line-height: 1.48 !important;
            font-weight: 500 !important;
        }
        [data-lang="en"] #navStudioSub1 {
            letter-spacing: 0.105em !important;
        }
        [data-lang="en"] #founderHeadLine1,
        [data-lang="en"] #founderHeadLine2,
        [data-lang="en"] #hunterMainWord1,
        [data-lang="en"] #hunterMainWord2,
        [data-lang="en"] #collabHeadMain,
        [data-lang="en"] #collabHeadAccent,
        [data-lang="en"] #contactHead1,
        [data-lang="en"] #contactHead2 {
            letter-spacing: -0.026em !important;
        }
        [data-lang="en"] #founderHeadLine2 {
            font-size: 0.95em;
        }
        [data-lang="en"] #collabSubtext,
        [data-lang="en"] #contactSubline {
            letter-spacing: 0 !important;
            line-height: 1.5 !important;
        }
        [data-lang="en"] #heroIncomingTag,
        [data-lang="en"] #heroCasesTitle,
        [data-lang="en"] #hunterStageHeaderTag,
        [data-lang="en"] #collabParamsTag {
            letter-spacing: 0.16em !important;
        }

        .hunter-pipeline-desc {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: 13.5px;
            line-height: 1.45;
            font-weight: 400;
            color: #94a3b8;
        }

        .hunter-status-label {
            font-family: 'JetBrains Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.08em;
            font-weight: 600;
            text-transform: uppercase;
        }

        .precision-rail-line {
            position: absolute;
            left: 4.5px;
            top: 8px;
            bottom: 8px;
            width: 1px;
            background: rgba(203, 213, 225, 0.12);
            pointer-events: none;
        }

        .precision-active-segment {
            position: absolute;
            left: 4.5px;
            width: 1px;
            height: 38px;
            transform: translateY(-50%);
            transition: background-color 300ms ease-out, box-shadow 300ms ease-out;
            pointer-events: none;
            opacity: 0;
        }
        .precision-active-segment.active {
            opacity: 1;
        }

        .precision-stage-dot {
            position: relative;
            width: 11px;
            height: 11px;
            border-radius: 50%;
            background: #07070A;
            border: 1px solid rgba(255, 255, 255, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 300ms ease-out;
        }
        .precision-stage-dot::after {
            content: '';
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.35);
            transition: background 300ms ease-out;
        }

        .precision-stage-dot.cyan-active {
            border-color: rgba(0, 240, 255, 0.55);
            box-shadow: 0 0 8px rgba(0, 240, 255, 0.3);
        }
        .precision-stage-dot.cyan-active::after {
            background: #00F0FF;
        }

        .precision-stage-dot.amber-active {
            border-color: rgba(245, 158, 11, 0.55);
            box-shadow: 0 0 8px rgba(245, 158, 11, 0.3);
        }
        .precision-stage-dot.amber-active::after {
            background: #F59E0B;
        }

        .precision-stage-dot.emerald-active {
            border-color: rgba(52, 211, 153, 0.55);
            box-shadow: 0 0 8px rgba(52, 211, 153, 0.3);
        }
        .precision-stage-dot.emerald-active::after {
            background: #34d399;
        }

        @keyframes ringExpandPulse {
            0% { transform: scale(0.6); opacity: 0.8; }
            100% { transform: scale(2.2); opacity: 0; }
        }
        .precision-stage-ring {
            position: absolute;
            inset: -4px;
            border-radius: 50%;
            border: 1px solid currentColor;
            opacity: 0;
            pointer-events: none;
        }
        .precision-stage-ring.trigger-ring {
            animation: ringExpandPulse 600ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .rail-light-impulse {
            position: absolute;
            left: 3.5px;
            width: 3px;
            height: 24px;
            background: linear-gradient(to bottom, transparent, #ffffff, transparent);
            border-radius: 9999px;
            pointer-events: none;
            opacity: 0;
            filter: drop-shadow(0 0 4px rgba(255,255,255,0.8));
        }

        .nexis-cta-unified {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.11em;
            border-radius: 12px;
            color: #f8fafc;
            cursor: pointer;
            user-select: none;
            text-align: center;
            touch-action: manipulation;
            transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
                        background 220ms cubic-bezier(0.16, 1, 0.3, 1),
                        border-color 220ms cubic-bezier(0.16, 1, 0.3, 1),
                        box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1),
                        color 200ms ease;
        }

        .nexis-cta-header-unified {
            height: 40px;
            padding-left: 16px;
            padding-right: 18px;
            font-size: 11.5px;
            background: rgba(6, 7, 10, 0.92);
            border: 1px solid rgba(56, 189, 248, 0.65);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
                        0 2px 14px rgba(0, 0, 0, 0.45),
                        0 0 14px rgba(42, 171, 238, 0.10);
        }
        @media (min-width: 640px) {
            .nexis-cta-header-unified {
                height: 48px;
                padding-left: 24px;
                padding-right: 26px;
                font-size: 12px;
            }
        }
        .nexis-cta-header-unified:hover {
            background: rgba(9, 16, 24, 0.95);
            border-color: rgba(56, 189, 248, 0.82);
            color: #ffffff;
            transform: scale(1.012);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065),
                        0 3px 16px rgba(0, 0, 0, 0.50),
                        0 0 18px rgba(42, 171, 238, 0.145);
        }
        .nexis-cta-header-unified:active {
            transform: scale(0.98);
        }

        .nexis-cta-final-unified {
            height: 52px;
            padding-left: 24px;
            padding-right: 26px;
            font-size: 11.5px;
            background: linear-gradient(180deg, rgba(8, 18, 28, 0.96) 0%, rgba(5, 11, 18, 0.98) 100%);
            border: 1px solid rgba(56, 189, 248, 0.75);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12),
                        inset 0 0 18px rgba(42, 171, 238, 0.06),
                        0 4px 24px rgba(0, 0, 0, 0.55),
                        0 0 24px rgba(42, 171, 238, 0.16);
        }
        @media (min-width: 640px) {
            .nexis-cta-final-unified {
                height: 58px;
                padding-left: 40px;
                padding-right: 42px;
                font-size: 12.5px;
            }
        }
        .nexis-cta-final-unified:hover {
            background: linear-gradient(180deg, rgba(12, 26, 40, 0.98) 0%, rgba(7, 16, 26, 0.98) 100%);
            border-color: rgba(56, 189, 248, 0.95);
            color: #ffffff;
            transform: scale(1.02);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.18),
                        inset 0 0 22px rgba(42, 171, 238, 0.10),
                        0 6px 30px rgba(0, 0, 0, 0.65),
                        0 0 34px rgba(42, 171, 238, 0.28);
        }
        .nexis-cta-final-unified:active {
            transform: scale(0.98);
        }

        .nexis-cta-hunter {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: 'JetBrains Mono', monospace;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.11em;
            border-radius: 12px;
            background: rgba(7, 9, 14, 0.95);
            border: 1px solid rgba(0, 240, 255, 0.45);
            color: #ffffff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08),
                        0 2px 14px rgba(0, 0, 0, 0.45),
                        0 0 14px rgba(0, 240, 255, 0.10);
            transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
                        background 200ms cubic-bezier(0.16, 1, 0.3, 1),
                        border-color 200ms cubic-bezier(0.16, 1, 0.3, 1),
                        box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1),
                        color 180ms ease;
            cursor: pointer;
            user-select: none;
            text-align: center;
            touch-action: manipulation;
            height: 44px;
            padding-left: 22px;
            padding-right: 22px;
            font-size: 11px;
        }
        @media (min-width: 640px) {
            .nexis-cta-hunter {
                height: 48px;
                padding-left: 28px;
                padding-right: 28px;
                font-size: 11.5px;
            }
        }
        .nexis-cta-hunter:hover {
            background: rgba(11, 20, 30, 0.96);
            border-color: rgba(0, 240, 255, 0.78);
            color: #ffffff;
            transform: scale(1.018);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12),
                        0 4px 20px rgba(0, 0, 0, 0.55),
                        0 0 22px rgba(0, 240, 255, 0.22);
        }
        .nexis-cta-hunter:active {
            transform: scale(0.98);
        }

        .brand-magenta-gradient {
            background: linear-gradient(135deg, #ffffff 15%, #ff2a6d 70%, #d8004b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .tech-cyan-gradient {
            background: linear-gradient(135deg, #ffffff 10%, #00F0FF 65%, #0284c7 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .perspective-container {
            perspective: 1200px;
        }
        .holo-card {
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
            transform-style: preserve-3d;
        }

        @keyframes radarSubtleSweep {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .radar-sweep-cadence {
            animation: radarSubtleSweep 12s linear infinite;
        }

        @keyframes blipPassive1 {
            0%, 100% { opacity: 0.22; transform: scale(0.9); }
            50% { opacity: 0.40; transform: scale(1.05); }
        }
        @keyframes blipPassive2 {
            0%, 100% { opacity: 0.18; transform: scale(0.85); }
            50% { opacity: 0.34; transform: scale(1); }
        }
        @keyframes targetPulseSlow {
            0%, 100% {
                transform: scale(1);
                opacity: 0.72;
                box-shadow: 0 0 5px rgba(52, 211, 153, 0.35);
            }
            50% {
                transform: scale(1.15);
                opacity: 0.95;
                box-shadow: 0 0 9px rgba(52, 211, 153, 0.55);
            }
        }
        @keyframes targetBeaconRing {
            0% {
                transform: scale(0.8);
                opacity: 0.7;
            }
            65% {
                transform: scale(2.4);
                opacity: 0;
            }
            100% {
                transform: scale(2.4);
                opacity: 0;
            }
        }
        .blip-anim-passive1 { animation: blipPassive1 4.2s ease-in-out infinite; }
        .blip-anim-passive2 { animation: blipPassive2 3.6s ease-in-out infinite 1.4s; }
        .target-active-blip { animation: targetPulseSlow 4.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
        .target-beacon-ring { animation: targetBeaconRing 4.5s cubic-bezier(0.16, 1, 0.3, 1) infinite; }

        @keyframes scanShimmer {
            0% { transform: translateX(-120%); opacity: 0; }
            35% { opacity: 0.85; }
            100% { transform: translateX(220%); opacity: 0; }
        }
        .scan-shimmer-run {
            animation: scanShimmer 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        @keyframes ambientFadeSlow {
            0%, 100% { opacity: 0.78; }
            50% { opacity: 0.82; }
        }
        .ambient-breathe {
            animation: ambientFadeSlow 18s ease-in-out infinite;
        }

        @keyframes lineGlide {
            0% { transform: translateX(-100%); opacity: 0; }
            50% { opacity: 1; }
            100% { transform: translateX(100%); opacity: 0; }
        }
        .line-glide-anim {
            animation: lineGlide 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .hunter-shared-row {
            display: grid;
            grid-template-columns: 1fr;
        }
        @media (min-width: 1024px) {
            .hunter-shared-row {
                grid-template-columns: 41.666% 58.334%;
            }
        }

        @keyframes gentleTypingDot {
            0%, 100% { transform: scale(0.8); opacity: 0.3; }
            50% { transform: scale(1.15); opacity: 0.9; }
        }
        .animate-gentle-dot {
            animation: gentleTypingDot 1.2s ease-in-out infinite;
        }

        .hero-media-stage {
            min-height: 220px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative !important;
            overflow: visible !important;
            perspective: 1200px;
            transform-style: flat;
            isolation: isolate;
            width: 100%;
        }
        @media (min-width: 640px) {
            .hero-media-stage {
                min-height: 360px;
            }
        }
        @media (min-width: 1024px) {
            .hero-media-stage {
                min-height: 420px;
            }
        }

        .showcase-card-wrapper {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 100%;
            aspect-ratio: 16/9;
            transform-origin: center center;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            transform-style: flat;
            will-change: transform, opacity;
            isolation: isolate;
        }

        /* Portrait showcase uses the same clean gallery geometry, but with 9:16 cards. */
        .showcase-card-wrapper.portrait-showcase-card {
            width: 200px;
            max-width: 200px;
            aspect-ratio: 9/16;
        }
        @media (min-width: 640px) {
            .showcase-card-wrapper.portrait-showcase-card {
                width: 255px;
                max-width: 255px;
            }
        }

        .showcase-card-wrapper.portrait-showcase-card {
            background: #050507 !important;
            border-color: rgba(255,255,255,0.10) !important;
            box-shadow: 0 14px 34px rgba(0,0,0,0.46) !important;
        }
        .showcase-card-wrapper.portrait-showcase-card .showcase-media-layer {
            opacity: 1 !important;
            filter: none !important;
        }

        .showcase-media-layer {
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
        }

        .player-frame-morph {
            transition: width 480ms cubic-bezier(0.22, 1, 0.36, 1), 
                        max-width 480ms cubic-bezier(0.22, 1, 0.36, 1),
                        aspect-ratio 480ms cubic-bezier(0.22, 1, 0.36, 1),
                        box-shadow 380ms cubic-bezier(0.22, 1, 0.36, 1),
                        border-color 300ms ease-out;
            will-change: width, max-width, transform;
            transform-origin: center center;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            transform-style: flat;
            isolation: isolate;
            contain: paint;
        }

        .hero-video-layer {
            transform: translate3d(0, 0, 0) !important;
            backface-visibility: hidden !important;
            -webkit-backface-visibility: hidden !important;
            will-change: opacity;
        }

        .hero-control-btn {
            width: 38px;
            height: 38px;
            border-radius: 9999px;
            background: rgba(7, 7, 12, 0.85);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.22);
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0.95;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.55);
            transition: opacity 200ms ease, border-color 200ms ease, background 200ms ease, transform 150ms ease;
            pointer-events: auto !important;
            position: relative;
            z-index: 50;
            touch-action: manipulation;
        }
        .hero-control-btn:hover {
            opacity: 1;
            transform: scale(1.05);
            background: rgba(15, 15, 24, 0.95);
            border-color: var(--hero-ctrl-hover, rgba(255, 255, 255, 0.65));
        }
        .hero-control-btn:active {
            transform: scale(0.92);
        }

        @keyframes liveGentlePulse {
            0%, 100% {
                transform: scale(1);
                opacity: 0.75;
                box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.5);
            }
            50% {
                transform: scale(1.22);
                opacity: 1;
                box-shadow: 0 0 8px 2.5px rgba(52, 211, 153, 0.45);
            }
        }
        .live-pulse-dot {
            animation: liveGentlePulse 2.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            will-change: transform, opacity, box-shadow;
        }

        @keyframes calmSpinnerRot {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .player-neutral-spinner {
            width: 19px;
            height: 19px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-top-color: rgba(255, 255, 255, 0.65);
            animation: calmSpinnerRot 1.15s linear infinite;
        }

.hero-media-stage {
            touch-action: pan-y;
            cursor: grab;
        }

        .hero-media-stage.is-dragging {
            cursor: grabbing;
        }

        /* Structural shell only. Final appearance/layout lives in
           #nexisHeroVideoUiProduction to avoid legacy cascade conflicts. */
        #videoProjectCta {
            position: absolute;
            z-index: 58;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            text-transform: uppercase;
        }

[data-lang="en"] #fadeTaskText {
            letter-spacing: 0.018em !important;
            line-height: 1.55 !important;
        }
        [data-lang="en"] #hunterChatTitle,
        [data-lang="en"] #hunterChatTitleMobile,
        [data-lang="en"] #hunterSetupCtaText,
        [data-lang="en"] #finalContactCtaText {
            letter-spacing: 0.11em !important;
        }
        [data-lang="en"] #contactSubline {
            max-width: 38rem;
        }
        @media (max-width: 639px) {
            [data-lang="en"] .en-headline-line {
                font-size: 0.82em !important;
                letter-spacing: -0.036em !important;
            }
            [data-lang="en"] #heroHeadlineBlock {
                padding-right: 8px !important;
            }
        }

[data-lang="en"] #heroMainWord2 {
            margin-top: 0.18rem !important;
        }
        [data-lang="en"] #heroSubline {
            margin-top: 0.85rem !important;
        }
        @media (min-width: 1024px) {
            [data-lang="en"] #heroHeadlineBlock {
                max-width: 100% !important;
                overflow: visible !important;
            }
        }

#holoCard {
            isolation: isolate;
        }

        .founder-info-flow {
            position: relative;
            z-index: 40;
            width: 100%;
            margin-top: -2px;
            padding-top: 0;
        }

        /* Voice is now a native interface line — no card, no frame. */
        .founder-voice-line {
            position: relative;
            display: grid;
            grid-template-columns: auto auto minmax(72px, 1fr) auto;
            align-items: center;
            gap: 10px;
            min-height: 46px;
            padding: 7px 2px 8px;
            background: transparent;
            border: 0;
            box-shadow: none;
            transition: opacity 360ms ease, transform 360ms cubic-bezier(0.22,1,0.36,1);
        }

        .founder-voice-line::after {
            content: "";
            position: absolute;
            left: 1%;
            right: 1%;
            bottom: 0;
            height: 1px;
            background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(255,255,255,0.045) 12%,
                rgba(255,255,255,0.11) 50%,
                rgba(255,255,255,0.045) 88%,
                transparent 100%
            );
            pointer-events: none;
        }

        .founder-voice-line.voice-playing {
            opacity: 0.76;
        }

        .founder-voice-line.voice-playing:hover {
            opacity: 1;
        }

        .founder-voice-control {
            width: 23px;
            height: 23px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: rgba(248,250,252,0.92);
            background: rgba(255,255,255,0.025);
            border: 1px solid rgba(255,255,255,0.12);
            box-shadow: none;
            transition:
                transform 180ms cubic-bezier(0.22,1,0.36,1),
                border-color 180ms ease,
                color 180ms ease,
                background 180ms ease;
        }

        .founder-voice-control svg {
            width: 9.5px !important;
            height: 9.5px !important;
        }

        .founder-voice-control:hover {
            transform: scale(1.045);
            color: #F5A7C2;
            border-color: rgba(217,74,120,0.38);
            background: rgba(217,74,120,0.045);
        }

        .founder-voice-copy {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-width: 0;
            color: rgba(203,213,225,0.78);
            font-family: 'JetBrains Mono', monospace;
            font-size: 9.5px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.135em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .founder-voice-waveform {
            min-width: 0;
            height: 26px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2.5px;
            cursor: pointer;
            opacity: 0.72;
            transition: opacity 200ms ease;
        }

        .founder-voice-waveform:hover {
            opacity: 1;
        }

        .founder-voice-timer {
            color: rgba(148,163,184,0.66);
            font-family: 'JetBrains Mono', monospace;
            font-size: 9px;
            line-height: 1;
            font-variant-numeric: tabular-nums;
            white-space: nowrap;
            letter-spacing: 0.02em;
        }

        /* Stats are not a card anymore. They continue the portrait/voice composition. */
        .founder-stats-panel {
            position: relative;
            display: grid;
            grid-template-columns: minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr);
            align-items: center;
            min-height: 86px;
            margin-top: 4px;
            padding: 11px 0 2px;
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            overflow: visible;
        }

        .founder-stats-panel::after {
            display: none;
        }

        .founder-stat-tile {
            --stat-accent: 255,255,255;
            position: relative;
            min-width: 0;
            min-height: 67px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 6px 5px 5px;
            background: transparent !important;
            border-radius: 0;
            isolation: isolate;
            transition: transform 220ms cubic-bezier(0.22,1,0.36,1);
        }

        .founder-stat-tile::before {
            display: none;
        }

        .founder-stat-neutral { --stat-accent: 226,232,240; }
        .founder-stat-emerald { --stat-accent: 52,211,153; }
        .founder-stat-magenta { --stat-accent: 217,74,120; }

        .founder-stat-value {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #F8FAFC;
            font-family: 'Syne', sans-serif;
            font-size: clamp(20px, 1.8vw, 29px);
            font-weight: 800;
            line-height: 0.96;
            letter-spacing: -0.048em;
            white-space: nowrap;
            text-shadow: none;
        }

        .founder-stat-emerald .founder-stat-value {
            color: #63E6B6;
        }

        .founder-stat-magenta .founder-stat-value {
            background: linear-gradient(90deg, #F8FAFC 0%, #F1B3C8 44%, #D94A78 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .founder-stat-label {
            margin-top: 11px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(148,163,184,0.70);
            font-family: 'JetBrains Mono', monospace;
            font-size: clamp(8.8px, 0.69vw, 10px);
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0.13em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .founder-stat-divider {
            align-self: center;
            width: 1px;
            height: 39px;
            background: linear-gradient(
                to bottom,
                transparent 0%,
                rgba(255,255,255,0.045) 14%,
                rgba(255,255,255,0.14) 50%,
                rgba(255,255,255,0.045) 86%,
                transparent 100%
            );
            pointer-events: none;
        }

        @media (hover:hover) and (pointer:fine) {
            .founder-stat-tile:hover {
                transform: translateY(-1px);
                background: transparent !important;
            }
        }

        @media (max-width: 639px) {
            .founder-info-flow {
                margin-top: -5px;
            }

            .founder-voice-line {
                grid-template-columns: auto auto minmax(54px,1fr) auto;
                gap: 7px;
                min-height: 42px;
                padding: 5px 0 7px;
            }

            .founder-voice-control {
                width: 22px;
                height: 22px;
            }

            .founder-voice-copy {
                font-size: 8.3px;
                letter-spacing: 0.11em;
            }

            .founder-voice-waveform {
                gap: 2px;
            }

            .founder-voice-timer {
                font-size: 8.2px;
            }

            .founder-stats-panel {
                min-height: 76px;
                margin-top: 2px;
                padding-top: 8px;
            }

            .founder-stat-tile {
                min-height: 61px;
                padding: 5px 2px;
            }

            .founder-stat-value {
                font-size: 17px;
                letter-spacing: -0.038em;
            }

            .founder-stat-label {
                margin-top: 8px;
                font-size: 8px;
                letter-spacing: 0.08em;
            }

            .founder-stat-divider {
                height: 34px;
            }
        }

        [data-lang="en"] .founder-voice-copy {
            letter-spacing: 0.115em;
        }

        [data-lang="en"] .founder-stat-label {
            letter-spacing: 0.10em;
        }

#radar {
            overflow: visible;
        }

        .radar-ambient-grid {
            position: absolute;
            right: clamp(10px, 3.8vw, 66px);
            top: 92px;
            width: min(49vw, 700px);
            height: 420px;
            pointer-events: none;
            z-index: 0;
            opacity: 1;
            overflow: hidden;

            -webkit-mask-image:
                radial-gradient(ellipse 78% 74% at 57% 52%,
                    rgba(0,0,0,1) 0%,
                    rgba(0,0,0,0.72) 44%,
                    rgba(0,0,0,0.24) 72%,
                    transparent 100%);
            mask-image:
                radial-gradient(ellipse 78% 74% at 57% 52%,
                    rgba(0,0,0,1) 0%,
                    rgba(0,0,0,0.72) 44%,
                    rgba(0,0,0,0.24) 72%,
                    transparent 100%);
        }

        .radar-grid-minor,
        .radar-grid-major,
        .radar-grid-center-glow {
            position: absolute;
            inset: 0;
        }

        /* 38px micro-grid — almost invisible */
        .radar-grid-minor {
            background-image:
                linear-gradient(rgba(103,232,249,0.033) 1px, transparent 1px),
                linear-gradient(90deg, rgba(103,232,249,0.033) 1px, transparent 1px);
            background-size: 38px 38px;
            background-position: center center;
        }

        /* larger structural grid gives depth without reading as decoration */
        .radar-grid-major {
            background-image:
                linear-gradient(rgba(148,163,184,0.041) 1px, transparent 1px),
                linear-gradient(90deg, rgba(148,163,184,0.041) 1px, transparent 1px);
            background-size: 114px 114px;
            background-position: center center;
        }

        /* tiny cold lift in the middle only; not a visible glow */
        .radar-grid-center-glow {
            background:
                radial-gradient(
                    ellipse 46% 40% at 58% 54%,
                    rgba(34,211,238,0.023) 0%,
                    rgba(34,211,238,0.0105) 48%,
                    transparent 78%
                );
        }

        /* Keep all real section content above the ambient layer. */
        #radar > :not(#radarAmbientGrid) {
            position: relative;
            z-index: 2;
        }

        @media (max-width: 1180px) {
            .radar-ambient-grid {
                right: 4px;
                width: 50vw;
                height: 370px;
                opacity: 0.90;
            }
        }

.ambient-grid-host {
            position: relative;
            overflow: visible;
        }

        .ambient-grid-host > :not(.ambient-grid-patch) {
            position: relative;
            z-index: 2;
        }

        .ambient-grid-patch {
            position: absolute;
            pointer-events: none;
            z-index: 0;
            overflow: hidden;
            background-image:
                linear-gradient(rgba(103,232,249,0.033) 1px, transparent 1px),
                linear-gradient(90deg, rgba(103,232,249,0.033) 1px, transparent 1px),
                linear-gradient(rgba(148,163,184,0.041) 1px, transparent 1px),
                linear-gradient(90deg, rgba(148,163,184,0.041) 1px, transparent 1px);
            background-size:
                38px 38px,
                38px 38px,
                114px 114px,
                114px 114px;
            background-position: center center;
        }

        /* Founder: a narrow patch behind the quieter right side,
           not behind the portrait itself. */
        .ambient-grid-founder {
            right: 0;
            top: 0;
            width: min(67vw, 920px);
            height: 100%;
            -webkit-mask-image:
                radial-gradient(ellipse 78% 76% at 59% 49%,
                    rgba(0,0,0,0.95) 0%,
                    rgba(0,0,0,0.62) 50%,
                    rgba(0,0,0,0.18) 76%,
                    transparent 100%);
            mask-image:
                radial-gradient(ellipse 78% 76% at 59% 49%,
                    rgba(0,0,0,0.95) 0%,
                    rgba(0,0,0,0.62) 50%,
                    rgba(0,0,0,0.18) 76%,
                    transparent 100%);
            opacity: 0.75;
        }

        /* Collaboration: small left-offset field that balances the dense steps. */
        .ambient-grid-collab {
            left: clamp(2px, 2.4vw, 38px);
            top: 14%;
            width: min(37vw, 510px);
            height: 54%;
            -webkit-mask-image:
                radial-gradient(ellipse 80% 76% at 45% 50%,
                    rgba(0,0,0,0.92) 0%,
                    rgba(0,0,0,0.56) 46%,
                    rgba(0,0,0,0.16) 74%,
                    transparent 100%);
            mask-image:
                radial-gradient(ellipse 80% 76% at 45% 50%,
                    rgba(0,0,0,0.92) 0%,
                    rgba(0,0,0,0.56) 46%,
                    rgba(0,0,0,0.16) 74%,
                    transparent 100%);
            opacity: 0.86;
        }

        /* Contact: slightly wider but softer, acting like a technical horizon
           behind the final CTA without competing with it. */
        .ambient-grid-contact {
            right: 1.5%;
            bottom: 2%;
            width: min(49vw, 660px);
            height: 68%;
            -webkit-mask-image:
                radial-gradient(ellipse 82% 76% at 59% 58%,
                    rgba(0,0,0,0.9) 0%,
                    rgba(0,0,0,0.5) 50%,
                    rgba(0,0,0,0.12) 76%,
                    transparent 100%);
            mask-image:
                radial-gradient(ellipse 82% 76% at 59% 58%,
                    rgba(0,0,0,0.9) 0%,
                    rgba(0,0,0,0.5) 50%,
                    rgba(0,0,0,0.12) 76%,
                    transparent 100%);
            opacity: 0.78;
        }

        @media (max-width: 1180px) {
            .ambient-grid-founder { opacity: 0.79; }
            .ambient-grid-collab { opacity: 0.69; }
            .ambient-grid-contact { opacity: 0.64; }
        }

        @media (prefers-reduced-motion: reduce) {
            .ambient-grid-patch {
                transform: none !important;
            }
        }

.radar-ambient-grid-ghost {
            position: absolute;
            right: 20%;
            top: 250px;
            width: min(34vw, 470px);
            height: 250px;
            pointer-events: none;
            z-index: 0;
            opacity: 0.48;
            background-image:
                linear-gradient(rgba(103,232,249,0.018) 1px, transparent 1px),
                linear-gradient(90deg, rgba(103,232,249,0.018) 1px, transparent 1px);
            background-size: 38px 38px;
            background-position: center center;
            -webkit-mask-image:
                radial-gradient(ellipse 72% 72% at 50% 50%,
                    rgba(0,0,0,0.9) 0%,
                    rgba(0,0,0,0.48) 52%,
                    transparent 100%);
            mask-image:
                radial-gradient(ellipse 72% 72% at 50% 50%,
                    rgba(0,0,0,0.9) 0%,
                    rgba(0,0,0,0.48) 52%,
                    transparent 100%);
        }

        #radar > :not(#radarAmbientGrid):not(#radarAmbientGridGhost) {
            position: relative;
            z-index: 2;
        }

        @media (max-width: 1180px) {
            .radar-ambient-grid-ghost {
                right: 16%;
                opacity: 0.34;
            }
        }

#chapterSectionProgressTrack {
            position: absolute;
            left: 2px;
            right: 2px;
            bottom: -5px;
            height: 1px;
            overflow: hidden;
            background: rgba(255,255,255,0.055);
        }

        #chapterSectionProgressFill {
            width: 0%;
            height: 100%;
            transform-origin: left center;
            background: linear-gradient(
                90deg,
                rgba(217,74,120,0.88) 0%,
                rgba(241,179,200,0.86) 52%,
                rgba(56,189,248,0.82) 100%
            );
            box-shadow: 0 0 8px rgba(56,189,248,0.08);
            transition: width 90ms linear;
        }

.header-contact-chooser {
            position: relative;
            width: 204px;
            flex: 0 0 auto;
        }

        #headerContactToggle {
            width: 100%;
            min-width: 0;
            justify-content: center;
            cursor: pointer;
            padding-left: 15px;
            padding-right: 13px;

            background:
                linear-gradient(180deg, rgba(56,189,248,0.045) 0%, rgba(56,189,248,0.012) 100%),
                rgba(5,7,10,0.94);
            border-color: rgba(56,189,248,0.42);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.045),
                inset 0 -1px 0 rgba(56,189,248,0.055),
                0 5px 18px rgba(0,0,0,0.38),
                0 0 14px rgba(56,189,248,0.035);
            transition:
                background 200ms ease,
                border-color 200ms ease,
                box-shadow 220ms ease,
                transform 200ms cubic-bezier(0.22,1,0.36,1),
                color 180ms ease;
        }

        #headerContactToggle:hover {
            background:
                linear-gradient(180deg, rgba(56,189,248,0.085) 0%, rgba(56,189,248,0.028) 100%),
                rgba(7,11,16,0.96);
            border-color: rgba(56,189,248,0.74);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.06),
                inset 0 -1px 0 rgba(56,189,248,0.10),
                0 6px 20px rgba(0,0,0,0.44),
                0 0 18px rgba(56,189,248,0.095);
            transform: translateY(-1px);
        }

        #headerContactToggle:active {
            transform: translateY(0) scale(0.988);
        }

        .header-contact-chevron {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 1px;
            color: rgba(125,211,252,0.74);
            font-family: 'JetBrains Mono', monospace;
            font-size: 12px;
            line-height: 1;
            transform: translateY(-1px) rotate(0deg);
            transform-origin: center;
            transition: transform 240ms cubic-bezier(0.22,1,0.36,1),
                        color 180ms ease;
        }

        .header-contact-chooser.is-open .header-contact-chevron {
            transform: translateY(0) rotate(180deg);
            color: rgba(125,211,252,0.96);
        }

        .header-contact-menu {
            position: absolute;
            left: 0;
            right: 0;
            top: calc(100% + 9px);
            width: 100%;
            padding: 5px;
            border-radius: 13px;
            border: 1px solid rgba(56,189,248,0.14);
            background:
                linear-gradient(180deg, rgba(56,189,248,0.018) 0%, transparent 34%),
                rgba(5,7,10,0.95);
            -webkit-backdrop-filter: blur(18px);
            backdrop-filter: blur(18px);
            box-shadow:
                0 16px 44px rgba(0,0,0,0.50),
                inset 0 1px 0 rgba(255,255,255,0.025);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translate3d(0,-5px,0) scale(0.985);
            transform-origin: top right;
            transition:
                opacity 190ms ease,
                visibility 190ms ease,
                transform 260ms cubic-bezier(0.22,1,0.36,1);
        }

        .header-contact-chooser.is-open .header-contact-menu {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translate3d(0,0,0) scale(1);
        }

        .header-contact-option {
            position: relative;
            height: 40px;
            width: 100%;
            display: grid;
            grid-template-columns: 24px minmax(0, 92px);
            align-items: center;
            justify-content: center;
            column-gap: 9px;
            padding: 0 8px;
            border-radius: 9px;
            color: rgba(203,213,225,0.88);
            font-family: 'JetBrains Mono', monospace;
            font-size: 10.5px;
            font-weight: 600;
            letter-spacing: 0.075em;
            text-transform: uppercase;
            text-decoration: none;
            transition:
                background 170ms ease,
                color 170ms ease,
                transform 170ms ease;
        }

        .header-contact-option > span:last-child {
            min-width: 0;
            text-align: left;
        }

        .header-contact-option:hover {
            background: rgba(255,255,255,0.042);
            color: #fff;
            transform: none;
        }

        .header-contact-icon {
            width: 22px;
            height: 22px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 7px;
            border: 1px solid rgba(255,255,255,0.075);
            background: rgba(255,255,255,0.02);
            color: rgba(203,213,225,0.86);
            flex: 0 0 auto;
            transition: color 170ms ease, border-color 170ms ease, background 170ms ease;
        }

        .header-contact-icon svg {
            width: 12px;
            height: 12px;
        }

        .header-contact-option:hover .header-contact-icon-telegram {
            color: #38BDF8;
            border-color: rgba(56,189,248,0.26);
            background: rgba(56,189,248,0.04);
        }

        .header-contact-option:hover .header-contact-icon-whatsapp {
            color: #4ADE80;
            border-color: rgba(74,222,128,0.25);
            background: rgba(74,222,128,0.04);
        }

        @media (max-width: 639px) {
            .header-contact-chooser {
                width: 176px;
            }

            #headerContactToggle {
                padding-left: 12px;
                padding-right: 11px;
            }

            .header-contact-menu {
                width: 100%;
                top: calc(100% + 7px);
            }

            .header-contact-option {
                height: 38px;
                grid-template-columns: 22px minmax(0, 82px);
                column-gap: 8px;
                font-size: 9.5px;
            }
        }

#headerContactChooser .nexis-cta-header-unified {
            font-size: 10.8px;
            letter-spacing: 0.07em;
        }

        #headerContactChooser #headerCtaTitle {
            flex: 0 1 auto;
            text-align: center;
            white-space: nowrap;
        }

        #headerContactChooser .header-contact-chevron {
            margin-left: 4px;
        }

        @media (min-width: 640px) {
            #headerContactChooser .nexis-cta-header-unified {
                height: 44px;
                font-size: 11px;
            }
        }

#headerContactToggle {
            position: relative;
            overflow: hidden;
        }

        #headerContactToggle::after {
            content: "";
            position: absolute;
            left: 24%;
            right: 24%;
            bottom: 0;
            height: 1px;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(56,189,248,0.76),
                transparent
            );
            opacity: 0.30;
            transform: scaleX(0.62);
            transition:
                opacity 220ms ease,
                transform 260ms cubic-bezier(0.22,1,0.36,1);
            pointer-events: none;
        }

        #headerContactToggle:hover::after,
        .header-contact-chooser.is-open #headerContactToggle::after {
            opacity: 0.78;
            transform: scaleX(1);
        }

        .header-contact-chooser.is-open #headerContactToggle {
            border-color: rgba(56,189,248,0.68);
            background:
                linear-gradient(180deg, rgba(56,189,248,0.075) 0%, rgba(56,189,248,0.025) 100%),
                rgba(7,11,16,0.96);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.055),
                0 6px 20px rgba(0,0,0,0.42),
                0 0 16px rgba(56,189,248,0.08);
        }

.audio-slider-popover {
            --volume-pct: 16%;
            position: absolute;
            z-index: 72;
        }

        .audio-volume-range {
            -webkit-appearance: none;
            appearance: none;
            display: block;
            margin: 0;
            padding: 0;
            border: 0;
            outline: none;
            cursor: pointer;
            background: transparent;
            accent-color: #34D399;
            touch-action: none;
        }

        .audio-volume-range::-webkit-slider-runnable-track {
            height: 4px;
            border-radius: 999px;
            background:
                linear-gradient(
                    90deg,
                    rgba(52,211,153,0.92) 0%,
                    rgba(52,211,153,0.92) var(--volume-pct),
                    rgba(255,255,255,0.14) var(--volume-pct),
                    rgba(255,255,255,0.14) 100%
                );
        }

        .audio-volume-range::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 11px;
            height: 11px;
            margin-top: -3.5px;
            border-radius: 50%;
            border: 1px solid rgba(255,255,255,0.80);
            background: #34D399;
            box-shadow: 0 0 0 3px rgba(52,211,153,0.08);
        }

        .audio-volume-range::-moz-range-track {
            height: 4px;
            border-radius: 999px;
            background: rgba(255,255,255,0.14);
        }

        .audio-volume-range::-moz-range-progress {
            height: 4px;
            border-radius: 999px;
            background: rgba(52,211,153,0.92);
        }

        .audio-volume-range::-moz-range-thumb {
            width: 11px;
            height: 11px;
            border-radius: 50%;
            border: 1px solid rgba(255,255,255,0.80);
            background: #34D399;
            box-shadow: 0 0 0 3px rgba(52,211,153,0.08);
        }

#initSystemOverlay {
            overflow: hidden;
            isolation: isolate;
        }

        #entryAmbientHalo {
            position: absolute;
            left: 50%;
            top: 50%;
            width: min(64vw, 840px);
            aspect-ratio: 1 / 0.55;
            transform: translate(-50%, -50%) translate3d(var(--entry-parallax-x, 0px), var(--entry-parallax-y, 0px), 0);
            border-radius: 50%;
            pointer-events: none;
            background:
                radial-gradient(
                    ellipse at center,
                    rgba(56,189,248,0.060) 0%,
                    rgba(56,189,248,0.026) 34%,
                    rgba(217,74,120,0.014) 58%,
                    transparent 76%
                );
            filter: blur(30px);
            opacity: 0.78;
            transition:
                opacity 420ms ease,
                transform 700ms cubic-bezier(0.22,1,0.36,1);
            animation: entryHaloBreath 6.8s ease-in-out infinite;
            z-index: 0;
        }

        @keyframes entryHaloBreath {
            0%, 100% { opacity: 0.62; }
            50% { opacity: 0.88; }
        }

        #entryAmbientGrid {
            position: absolute;
            left: 50%;
            top: 50%;
            width: min(72vw, 980px);
            height: min(52vh, 520px);
            transform: translate(-50%, -50%) translate3d(calc(var(--entry-parallax-x, 0px) * -0.45), calc(var(--entry-parallax-y, 0px) * -0.45), 0);
            pointer-events: none;
            background-image:
                linear-gradient(rgba(125,211,252,0.028) 1px, transparent 1px),
                linear-gradient(90deg, rgba(125,211,252,0.028) 1px, transparent 1px),
                linear-gradient(rgba(148,163,184,0.020) 1px, transparent 1px),
                linear-gradient(90deg, rgba(148,163,184,0.020) 1px, transparent 1px);
            background-size:
                40px 40px,
                40px 40px,
                120px 120px,
                120px 120px;
            background-position: center center;
            -webkit-mask-image:
                radial-gradient(ellipse 66% 64% at 50% 50%,
                    rgba(0,0,0,0.92) 0%,
                    rgba(0,0,0,0.54) 48%,
                    rgba(0,0,0,0.14) 75%,
                    transparent 100%);
            mask-image:
                radial-gradient(ellipse 66% 64% at 50% 50%,
                    rgba(0,0,0,0.92) 0%,
                    rgba(0,0,0,0.54) 48%,
                    rgba(0,0,0,0.14) 75%,
                    transparent 100%);
            opacity: 0.74;
            transition: transform 900ms cubic-bezier(0.22,1,0.36,1), opacity 420ms ease;
            animation: entryGridDrift 14s ease-in-out infinite alternate;
            z-index: 0;
        }

        @keyframes entryGridDrift {
            from { background-position: center center, center center, center center, center center; }
            to { background-position: calc(50% + 4px) calc(50% - 3px), calc(50% + 4px) calc(50% - 3px), calc(50% - 3px) calc(50% + 2px), calc(50% - 3px) calc(50% + 2px); }
        }

        .entry-status {
            position: relative;
            z-index: 2;
            width: 196px;
            min-height: 10px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            margin-bottom: 11px;
            color: rgba(148,163,184,0.52);
            font-family: 'JetBrains Mono', monospace;
            font-size: 8px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.145em;
            text-transform: uppercase;
            opacity: 1;
            transition:
                color 220ms ease,
                opacity 180ms ease;
        }

        .entry-status-dot {
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: rgba(148,163,184,0.46);
            box-shadow: 0 0 7px rgba(148,163,184,0.10);
            transition: background 220ms ease, box-shadow 220ms ease, transform 220ms ease;
        }

        #initSystemOverlay.entry-ready .entry-status {
            color: rgba(186,230,253,0.76);
        }

        #initSystemOverlay.entry-ready .entry-status-dot {
            background: rgba(56,189,248,0.90);
            box-shadow: 0 0 10px rgba(56,189,248,0.34);
            transform: scale(1.16);
        }

        #initSystemOverlay.entry-status-fade .entry-status {
            opacity: 0;
        }

        #initSystemOverlay.entry-status-fade .entry-status-dot {
            opacity: 0;
        }

        #initSystemBtn {
            position: relative;
            z-index: 2;
            width: 256px;
            height: 70px;
            border-radius: 11px;
            border: 1px solid rgba(255,255,255,0.11);
            background:
                linear-gradient(180deg, rgba(255,255,255,0.018) 0%, transparent 100%),
                rgba(8,8,10,0.95);
            color: #E2E8F0;
            box-shadow:
                0 12px 38px rgba(0,0,0,0.60),
                inset 0 1px 0 rgba(255,255,255,0.025);
            transform: translate3d(0,0,0) scale(1);
            transition:
                transform 260ms cubic-bezier(0.22,1,0.36,1),
                border-color 260ms ease,
                background 260ms ease,
                box-shadow 300ms ease,
                color 220ms ease;
        }

        #initSystemBtn:hover {
            border-color: rgba(125,211,252,0.36);
            background:
                linear-gradient(180deg, rgba(56,189,248,0.040) 0%, rgba(56,189,248,0.010) 100%),
                rgba(10,11,14,0.97);
            color: #fff;
            box-shadow:
                0 14px 42px rgba(0,0,0,0.64),
                0 0 28px rgba(56,189,248,0.055),
                inset 0 1px 0 rgba(255,255,255,0.035);
            transform: translateY(-1px) scale(1.008);
        }

        #initSystemBtn:active {
            transform: translateY(0) scale(0.985);
        }

        #entryScanBorder {
            position: absolute;
            inset: -1px;
            border-radius: inherit;
            pointer-events: none;
            padding: 1px;
            opacity: 0.18;

            background:
                linear-gradient(
                    90deg,
                    transparent 0%,
                    rgba(125,211,252,0.00) 28%,
                    rgba(125,211,252,0.92) 46%,
                    rgba(255,255,255,0.56) 50%,
                    rgba(125,211,252,0.18) 55%,
                    transparent 72%,
                    transparent 100%
                );
            background-size: 34% 100%;
            background-repeat: no-repeat;
            background-position: -58% 0;

            -webkit-mask:
                linear-gradient(#000 0 0) content-box,
                linear-gradient(#000 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
        }

        /* One short light pass only when the user engages with the entry. */
        #initSystemOverlay.entry-ready #entryScanBorder {
            opacity: 0.62;
            animation: entryBorderImpulse 920ms cubic-bezier(0.22,1,0.36,1) 1;
        }

        @keyframes entryBorderImpulse {
            0% {
                background-position: -58% 0;
                opacity: 0.08;
            }
            18% {
                opacity: 0.68;
            }
            100% {
                background-position: 158% 0;
                opacity: 0.16;
            }
        }

        #entryButtonSheen {
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(
                108deg,
                transparent 18%,
                rgba(255,255,255,0.00) 36%,
                rgba(125,211,252,0.055) 48%,
                rgba(255,255,255,0.035) 52%,
                rgba(125,211,252,0.00) 64%,
                transparent 82%
            );
            transform: translateX(-115%);
            opacity: 0.70;
        }

        #initSystemBtn:hover #entryButtonSheen {
            animation: entrySheenPass 1.15s cubic-bezier(0.22,1,0.36,1) 1;
        }

        @keyframes entrySheenPass {
            from { transform: translateX(-115%); }
            to { transform: translateX(115%); }
        }

        #entryButtonContent {
            position: relative;
            z-index: 2;
            gap: 15px;
        }

        .entry-logo-wrap {
            position: relative;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .entry-logo-img {
            width: 50px;
            height: 50px;
            object-fit: contain;
            opacity: 0.90;
            transform: scale(1);
            transition:
                opacity 220ms ease,
                transform 320ms cubic-bezier(0.22,1,0.36,1),
                filter 260ms ease;
            pointer-events: none;
        }

        #entryLogoUnderline {
            position: absolute;
            left: 9px;
            right: 9px;
            bottom: 3px;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(125,211,252,0.78), transparent);
            opacity: 0;
            transform: scaleX(0.45);
            transition: opacity 240ms ease, transform 320ms cubic-bezier(0.22,1,0.36,1);
        }

        #entryButtonLabel {
            font-family: 'Plus Jakarta Sans', sans-serif;
            font-size: 11.5px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.105em;
            color: rgba(226,232,240,0.94);
            transition:
                letter-spacing 320ms cubic-bezier(0.22,1,0.36,1),
                color 220ms ease,
                transform 320ms cubic-bezier(0.22,1,0.36,1);
            white-space: nowrap;
        }

        #initSystemBtn:hover .entry-logo-img {
            opacity: 1;
            transform: scale(1.035);
            filter: drop-shadow(0 0 8px rgba(125,211,252,0.08));
        }

        #initSystemBtn:hover #entryLogoUnderline {
            opacity: 0.74;
            transform: scaleX(1);
        }

        #initSystemBtn:hover #entryButtonLabel {
            letter-spacing: 0.122em;
            color: #fff;
        }

        #initSystemOverlay.entry-ready #entryAmbientHalo {
            opacity: 1;
        }

        #initSystemOverlay.entry-activating #initSystemBtn {
            border-color: rgba(125,211,252,0.84);
            box-shadow:
                0 0 0 1px rgba(125,211,252,0.10),
                0 0 28px rgba(56,189,248,0.12),
                0 12px 38px rgba(0,0,0,0.62),
                inset 0 0 18px rgba(56,189,248,0.028);
            transform: scale(1);
        }

        #initSystemOverlay.entry-activating #entryScanBorder {
            opacity: 1;
            animation: entryBorderActivation 460ms cubic-bezier(0.16,1,0.3,1) 1;
        }

        @keyframes entryBorderActivation {
            0% {
                background-position: -62% 0;
                opacity: 0.18;
            }
            32% {
                opacity: 1;
            }
            100% {
                background-position: 164% 0;
                opacity: 0.24;
            }
        }

        #initSystemOverlay.entry-activating .entry-logo-img {
            transform: scale(1.022);
            opacity: 1;
            filter: drop-shadow(0 0 8px rgba(125,211,252,0.11));
        }

        #initSystemOverlay.entry-activating #entryLogoUnderline {
            opacity: 1;
            transform: scaleX(1);
        }

        #initSystemOverlay.entry-activating #entryAmbientHalo {
            opacity: 1;
            animation-duration: 1.2s;
        }

        @media (max-width: 639px) {
            #initSystemBtn {
                width: 228px;
                height: 64px;
            }

            .entry-logo-wrap,
            .entry-logo-img {
                width: 44px;
                height: 44px;
            }

            #entryButtonContent {
                gap: 13px;
            }

            #entryButtonLabel {
                font-size: 10.5px;
            }

            .entry-status {
                width: 180px;
                margin-bottom: 10px;
                font-size: 7.3px;
            }

            #entryAmbientGrid {
                width: 92vw;
                height: 46vh;
            }

            #entryAmbientHalo {
                width: 92vw;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            #entryAmbientHalo,
            #entryAmbientGrid,
            #entryScanBorder,
            #entryButtonSheen {
                animation: none !important;
            }

            #entryScanBorder {
                background-position: 50% 0 !important;
                opacity: 0.18 !important;
            }

            #entryAmbientHalo,
            #entryAmbientGrid {
                transform: translate(-50%, -50%) !important;
            }
        }

/* Optical vertical centering of the entire fixed header.
           Horizontal alignment remains untouched. */
        #headerInnerRow {
            transform: translateY(2px);
        }

        @media (min-width: 640px) {
            #headerInnerRow {
                transform: translateY(4px);
            }
        }

        /* Founder → System transition:
           pull the SYSTEM chapter much closer into the empty desktop space. */
        @media (min-width: 1024px) and (max-width: 1279px) {
            #radar {
                margin-top: -150px !important;
                padding-top: 34px !important;
            }
        }

        @media (min-width: 1280px) {
            #radar {
                margin-top: -270px !important;
                padding-top: 28px !important;
            }
        }

.header-contact-chooser::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            height: 12px;
            pointer-events: auto;
        }

/* ---------- Core mobile geometry ---------- */
        @media (max-width: 767px) {
            html {
                scroll-padding-top: calc(74px + env(safe-area-inset-top));
                -webkit-text-size-adjust: 100%;
            }

            body {
                width: 100%;
                max-width: 100%;
                overflow-x: hidden !important;
                overscroll-behavior-x: none;
                -webkit-tap-highlight-color: transparent;
            }

            .site-container {
                padding-left: max(14px, env(safe-area-inset-left)) !important;
                padding-right: max(14px, env(safe-area-inset-right)) !important;
            }

            #mainSiteHeader {
                padding-top: env(safe-area-inset-top);
            }

            #headerInnerRow {
                height: 64px !important;
                transform: translateY(1px) !important;
            }

            main {
                padding-top: calc(72px + env(safe-area-inset-top)) !important;
            }

            #siteFooter {
                padding-bottom: max(26px, env(safe-area-inset-bottom)) !important;
            }

            img, video, svg {
                max-width: 100%;
            }

            button, a, input[type="range"] {
                touch-action: manipulation;
            }

            /* ---------- Header ---------- */
            #headerLogoImg {
                height: 34px !important;
            }

            #headerControlsGroup {
                min-width: 0;
                gap: 0 !important;
            }

            #langSwitcher {
                height: 34px !important;
                margin-right: 6px !important;
                padding: 2px !important;
                font-size: 9.5px !important;
                flex: 0 0 auto;
            }

            #langSwitcher button {
                min-width: 31px;
                padding-left: 7px !important;
                padding-right: 7px !important;
            }

            .header-contact-chooser {
                width: 158px !important;
                flex: 0 0 158px !important;
            }

            #headerContactToggle {
                width: 100% !important;
                height: 42px !important;
                min-height: 42px !important;
                padding-left: 9px !important;
                padding-right: 9px !important;
            }

            #headerContactChooser .nexis-cta-header-unified {
                font-size: 9.7px !important;
                letter-spacing: 0.045em !important;
                gap: 5px !important;
            }

            #headerContactChooser .header-contact-chevron {
                margin-left: 2px !important;
                font-size: 10px !important;
            }

            .header-contact-menu {
                top: calc(100% + 6px) !important;
                width: 100% !important;
                padding: 5px !important;
                border-radius: 12px !important;
            }

            .header-contact-option {
                height: 44px !important;
                min-height: 44px !important;
                grid-template-columns: 22px minmax(0, 82px) !important;
                column-gap: 8px !important;
                font-size: 9.7px !important;
            }

            /* ---------- Entry ---------- */
            #initSystemOverlay {
                padding:
                    env(safe-area-inset-top)
                    max(14px, env(safe-area-inset-right))
                    env(safe-area-inset-bottom)
                    max(14px, env(safe-area-inset-left)) !important;
            }

            #initSystemBtn {
                width: min(228px, calc(100vw - 44px)) !important;
                height: 64px !important;
            }

            #entryAmbientGrid {
                width: min(94vw, 520px) !important;
                height: min(52vw, 360px) !important;
            }

            #entryAmbientHalo {
                width: min(94vw, 580px) !important;
            }

            /* ---------- Hero ---------- */
            #hero > .grid {
                gap: 24px !important;
            }

            #heroHeadlineBlock .display-xl {
                font-size: clamp(2.1rem, 10.7vw, 2.8rem) !important;
                line-height: 0.94 !important;
            }

            #heroSubline {
                max-width: 92% !important;
                line-height: 1.46 !important;
            }

            #heroBottomWrapper {
                margin-top: 22px !important;
            }

            #heroIncomingCard {
                padding: 16px !important;
                border-radius: 14px !important;
            }

            #heroIncomingTag {
                letter-spacing: 0.15em !important;
            }

            #heroCasesLinkBlock {
                padding: 14px 16px 12px !important;
                min-height: 66px;
            }

            #heroCasesTitle {
                letter-spacing: 0.12em !important;
                line-height: 1.35 !important;
            }

            #heroVideoTabs {
                height: 44px !important;
            }

            #heroVideoTabs .cat-tab {
                min-height: 40px;
                padding-left: 5px !important;
                padding-right: 5px !important;
                font-size: 9.2px !important;
                letter-spacing: 0.085em !important;
            }

            .hero-media-stage {
                min-height: 210px;
                touch-action: pan-y pinch-zoom !important;
                overscroll-behavior-x: contain;
            }

            #playerFrame[data-aspect="9:16"],
            .showcase-card-wrapper.portrait-showcase-card {
                width: min(72vw, 268px) !important;
                max-width: 268px !important;
            }
            #projectsRow {
                display: flex !important;
                grid-template-columns: none !important;
                gap: 8px !important;
                width: 100%;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                scroll-snap-type: x mandatory;
                scroll-padding-inline: 2px;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior-x: contain;
                scrollbar-width: none;
                padding: 2px 1px 7px;
            }

            #projectsRow::-webkit-scrollbar {
                display: none;
            }

            #projectsRow .proj-tab {
                flex: 0 0 calc((100% - 16px) / 3) !important;
                min-width: 92px;
                height: 56px !important;
                scroll-snap-align: center;
                scroll-snap-stop: normal;
                padding: 8px 7px !important;
            }

            #projectsRow .proj-tab [id^="projTitle"] {
                font-size: 10px !important;
            }

            #projectsRow .proj-tab [id^="projCat"] {
                font-size: 8.5px !important;
            }

            /* ---------- Founder ---------- */
            #founder {
                padding-top: 28px !important;
            }

            #holoCard {
                max-width: min(320px, 92vw) !important;
            }

            #founderInfoFlow {
                margin-top: -3px !important;
            }

            .founder-voice-line {
                grid-template-columns: 42px auto minmax(42px, 1fr) auto !important;
                gap: 5px !important;
                min-height: 46px !important;
            }

            .founder-voice-control {
                position: relative;
                width: 42px !important;
                height: 42px !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            .founder-voice-control::before {
                content: "";
                position: absolute;
                width: 23px;
                height: 23px;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                border-radius: 999px;
                border: 1px solid rgba(255,255,255,0.13);
                background: rgba(255,255,255,0.022);
            }

            .founder-voice-control svg {
                position: relative;
                z-index: 1;
            }

            .founder-voice-copy {
                gap: 5px !important;
                font-size: 8px !important;
                letter-spacing: 0.095em !important;
            }

            .founder-voice-timer {
                font-size: 8px !important;
            }

            .founder-stats-panel {
                min-height: 76px !important;
                padding-top: 6px !important;
            }

            .founder-stat-value {
                font-size: 17px !important;
            }

            .founder-stat-label {
                margin-top: 8px !important;
                font-size: 7.8px !important;
                letter-spacing: 0.07em !important;
            }

            #founderRightCol {
                margin-top: 6px;
            }

            #founderMotionStageWrapper {
                min-height: 410px !important;
                margin-top: 24px !important;
            }

            #competenciesStage {
                height: 132px !important;
            }

            #wordsGrid {
                max-width: 100% !important;
                gap: 12px 14px !important;
            }

            #resultDirections {
                top: 138px !important;
            }

            #resultColumnsBox {
                gap: 18px !important;
            }

            #founderTrackBtn1,
            #founderTrackBtn2 {
                min-height: 82px;
                padding-top: 4px;
                padding-bottom: 4px;
                touch-action: manipulation;
            }

            #founderOutcomeTitle {
                font-size: 12px !important;
                line-height: 1.45 !important;
            }

            #founderOutcomeDesc {
                font-size: 10.5px !important;
                line-height: 1.55 !important;
            }

            /* ---------- Hunter ---------- */
            #radar {
                margin-top: 0 !important;
                padding-top: 30px !important;
            }

            #hunterMainWord1,
            #hunterMainWord2 {
                line-height: 0.98 !important;
            }

            #hunterStageHeaderTag,
            #hunterChatTitleMobile {
                letter-spacing: 0.11em !important;
                line-height: 1.4 !important;
                white-space: normal !important;
            }

            #radarScopeBox {
                width: 118px !important;
                height: 118px !important;
                opacity: 0.28 !important;
            }

            #hunterNextScenarioBtn {
                min-height: 38px;
                padding: 8px 4px !important;
                margin-top: -7px !important;
                margin-bottom: -7px !important;
            }

            #liveChatStream {
                min-height: 188px !important;
            }

            #chatRow1,
            #chatRow2,
            #chatRow3 {
                max-width: 100% !important;
            }

            #hunterSetupCtaBtn {
                min-height: 48px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            #hunterFeaturesGrid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 12px 14px !important;
                padding-top: 18px !important;
                font-size: 9px !important;
                line-height: 1.4 !important;
            }

            #hunterFeaturesGrid span {
                white-space: normal !important;
                overflow: visible !important;
                text-overflow: clip !important;
            }

            /* ---------- Collaboration ---------- */
            #pricing {
                padding-top: 34px !important;
            }

            #pipelineScroller {
                margin-left: -14px;
                margin-right: -14px;
                width: calc(100% + 28px) !important;
                padding-left: 14px;
                padding-right: 14px;
                padding-bottom: 8px;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior-x: contain;
                scroll-snap-type: x proximity;
                scrollbar-width: none;
            }

            #pipelineScroller::-webkit-scrollbar {
                display: none;
            }

            #pipelineTrack {
                min-width: max-content !important;
                width: max-content !important;
                grid-template-columns: repeat(5, 132px) !important;
                gap: 10px !important;
            }

            #pipelineTrack .step-item {
                width: 132px;
                scroll-snap-align: start;
                min-height: 50px;
            }

            #collabLeftZone {
                margin-top: 2px;
            }

            #collabRightZone {
                margin-top: 6px;
            }

            #collabRightZone .flex.items-baseline {
                display: grid !important;
                grid-template-columns: minmax(82px, 0.42fr) minmax(0, 1fr);
                align-items: start !important;
                gap: 8px !important;
            }

            #collabRightZone .flex.items-baseline > :last-child {
                white-space: normal !important;
                overflow-wrap: anywhere;
                line-height: 1.45;
            }

            #collabStatementLine2 {
                font-size: 10.5px !important;
                line-height: 1.5 !important;
            }

            /* ---------- Contact / footer ---------- */
            #contact {
                padding-top: 36px !important;
                padding-bottom: 22px !important;
            }

            #finalContactCtaBtn {
                min-height: 50px;
                max-width: 360px;
            }

            #backToTopBtn {
                min-height: 40px;
                padding-left: 8px;
                padding-right: 2px;
            }
        }

        /* Extra-small phones: 320–359 px */
        @media (max-width: 359px) {
            .site-container {
                padding-left: max(12px, env(safe-area-inset-left)) !important;
                padding-right: max(12px, env(safe-area-inset-right)) !important;
            }

            #headerLogoImg {
                height: 30px !important;
            }

            #langSwitcher {
                margin-right: 4px !important;
            }

            #langSwitcher button {
                min-width: 28px;
                padding-left: 5px !important;
                padding-right: 5px !important;
            }

            .header-contact-chooser {
                width: 142px !important;
                flex-basis: 142px !important;
            }

            #headerContactChooser .nexis-cta-header-unified {
                font-size: 8.9px !important;
                letter-spacing: 0.025em !important;
            }

            #heroHeadlineBlock .display-xl {
                font-size: 2.05rem !important;
            }

            #heroIncomingCard {
                padding-left: 14px !important;
                padding-right: 14px !important;
            }

            #heroCasesLinkBlock {
                padding-left: 14px !important;
                padding-right: 14px !important;
            }

            #playerFrame[data-aspect="9:16"],
            .showcase-card-wrapper.portrait-showcase-card {
                width: min(72vw, 232px) !important;
                max-width: 232px !important;
            }

            #videoProjectCta.cta-landscape {
                max-width: calc(100% - 116px) !important;
                font-size: 8.1px !important;
            }

            .founder-voice-copy {
                font-size: 7.5px !important;
            }

            .founder-voice-timer {
                font-size: 7.4px !important;
            }
        }

        /* Landscape phones: prevent 9:16 media from becoming absurdly tall. */
        @media (max-width: 1023px) and (orientation: landscape) and (max-height: 540px) {
            #mainSiteHeader {
                padding-top: 0;
            }

            #headerInnerRow {
                height: 58px !important;
            }

            main {
                padding-top: 66px !important;
            }

            #playerFrame[data-aspect="9:16"],
            .showcase-card-wrapper.portrait-showcase-card {
                width: min(34vw, 210px) !important;
                max-width: 210px !important;
            }

            #playerFrame[data-aspect="16:9"] {
                width: min(78vw, 620px) !important;
                max-width: 620px !important;
            }

            .hero-media-stage {
                min-height: 190px;
            }

            #initSystemBtn {
                height: 58px !important;
            }

            #entryStatus {
                margin-bottom: 8px !important;
            }
        }

        /* Remove desktop-hover visual jumps on coarse-pointer devices. */
        @media (hover: none), (pointer: coarse) {
            #headerContactToggle:hover,
            .hero-control-btn:hover,
            .founder-stat-tile:hover,
            .founder-voice-control:hover {
                transform: none !important;
            }

            #headerContactToggle:active,
            .hero-control-btn:active,
            .cat-tab:active,
            .proj-tab:active {
                transform: scale(0.97) !important;
            }
        }

@media (max-width: 767px) {
            /* Keep the visual design unchanged, but enlarge the finger hit area. */
            #langSwitcher,
            #langSwitcher button,
            #videoProjectCta,
            #hunterNextScenarioBtn {
                overflow: visible !important;
            }

            #langSwitcher button,
            #videoProjectCta,
            #hunterNextScenarioBtn {
                position: relative;
            }

            /* RU / EN: +10px vertical invisible hit-area without changing the pill. */
            #langSwitcher button::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: -5px;
                bottom: -5px;
                pointer-events: auto;
            }

            /* 75% CTA: visible height stays 36px, actual touch target becomes 44px. */
            #videoProjectCta::before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: -4px;
                bottom: -4px;
                border-radius: inherit;
                pointer-events: auto;
            }

            /* "ЕЩЁ ПРИМЕР": subtle extra hit area, no visual change. */
            #hunterNextScenarioBtn::before {
                content: "";
                position: absolute;
                left: -3px;
                right: -3px;
                top: -3px;
                bottom: -3px;
                pointer-events: auto;
            }
            .audio-slider-popover {
                overflow: visible !important;
            }

            /* Horizontal Collaboration cue: content softly disappears at the right edge
               until the user demonstrates swipe intent. */
            #pipelineScroller.mobile-scroll-hint {
                -webkit-mask-image: linear-gradient(
                    90deg,
                    #000 0%,
                    #000 88%,
                    rgba(0,0,0,0.72) 94%,
                    transparent 100%
                );
                mask-image: linear-gradient(
                    90deg,
                    #000 0%,
                    #000 88%,
                    rgba(0,0,0,0.72) 94%,
                    transparent 100%
                );
                transition: -webkit-mask-image 220ms ease, mask-image 220ms ease;
            }

            #pipelineScroller:not(.mobile-scroll-hint) {
                -webkit-mask-image: none;
                mask-image: none;
            }
        }

/* =========================================================
           VIDEO CTA — one canonical definition, all aspect ratios.
           ========================================================= */
        #videoProjectCta {
            gap: 8px !important;
            height: 38px !important;
            padding: 0 16px !important;
            border-radius: 12px !important;

            background:
                linear-gradient(180deg, rgba(56,189,248,0.045) 0%, rgba(56,189,248,0.012) 100%),
                rgba(5,7,10,0.94) !important;
            border: 1px solid rgba(56,189,248,0.56) !important;
            color: #f8fafc !important;

            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: 10.5px !important;
            font-weight: 700 !important;
            letter-spacing: 0.07em !important;

            -webkit-backdrop-filter: blur(14px);
            backdrop-filter: blur(14px);

            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.05),
                inset 0 -1px 0 rgba(56,189,248,0.055),
                0 7px 22px rgba(0,0,0,0.42),
                0 0 16px rgba(56,189,248,0.055) !important;

            opacity: 0;
            filter: blur(0.9px);
            pointer-events: none;

            transition:
                opacity 380ms cubic-bezier(0.22,1,0.36,1),
                filter 300ms ease,
                border-color 220ms ease,
                background 220ms ease,
                box-shadow 240ms ease !important;
        }

        #videoProjectCta:hover {
            background:
                linear-gradient(180deg, rgba(56,189,248,0.085) 0%, rgba(56,189,248,0.028) 100%),
                rgba(7,11,16,0.96) !important;
            border-color: rgba(56,189,248,0.80) !important;
            color: #fff !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.06),
                inset 0 -1px 0 rgba(56,189,248,0.10),
                0 8px 24px rgba(0,0,0,0.46),
                0 0 20px rgba(56,189,248,0.11) !important;
        }

        #videoProjectCta.cta-landscape,
        #videoProjectCta.cta-landscape.is-visible,
        #videoProjectCta.cta-portrait,
        #videoProjectCta.cta-portrait.is-visible {
            left: 50% !important;
            right: auto !important;
            top: 50% !important;
            bottom: auto !important;
            transform: translate3d(-50%, -50%, 0) !important;
            max-width: calc(100% - 28px) !important;
            height: 40px !important;
            padding: 0 15px !important;
            border-radius: 12px !important;
        }

        #videoProjectCta.cta-portrait {
            min-width: 154px !important;
            font-size: 9px !important;
            letter-spacing: 0.06em !important;
        }

        #videoProjectCta.is-visible,
        #playerFrame.volume-popover-open #videoProjectCta.is-visible {
            opacity: 1 !important;
            filter: blur(0) !important;
            pointer-events: auto !important;
        }

        #videoProjectCta:not(.is-visible) {
            opacity: 0 !important;
            pointer-events: none !important;
        }

        /* =========================================================
           PLAY / SOUND — same rectangular NEXIS control language.
           ========================================================= */
        #heroVideoControls {
            left: 14px !important;
            right: auto !important;
            bottom: 14px !important;
            gap: 8px !important;
        }

        .hero-control-btn {
            width: 44px !important;
            height: 40px !important;
            border-radius: 11px !important;

            background:
                linear-gradient(180deg, rgba(255,255,255,0.028) 0%, rgba(255,255,255,0.006) 100%),
                rgba(5,7,10,0.92) !important;

            border: 1px solid rgba(148,163,184,0.24) !important;
            color: rgba(248,250,252,0.96) !important;

            -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);

            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.035),
                0 7px 20px rgba(0,0,0,0.42) !important;

            opacity: 1 !important;

            transition:
                border-color 190ms ease,
                background 190ms ease,
                box-shadow 210ms ease,
                color 190ms ease,
                transform 150ms ease !important;
        }

        .hero-control-btn:hover {
            transform: translateY(-1px) !important;
            background:
                linear-gradient(180deg, rgba(56,189,248,0.055) 0%, rgba(56,189,248,0.012) 100%),
                rgba(7,11,16,0.96) !important;
            border-color: var(--hero-ctrl-hover, rgba(125,211,252,0.58)) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.045),
                0 8px 22px rgba(0,0,0,0.46),
                0 0 14px rgba(56,189,248,0.055) !important;
        }

        .hero-control-btn:active {
            transform: scale(0.97) !important;
        }

        #heroPlayPauseBtn svg,
        #soundBtn svg {
            width: 14px !important;
            height: 14px !important;
        }

        /* =========================================================
           VOLUME — horizontal extension to the right of Sound.
           ========================================================= */
        #audioControlWrapper {
            position: relative;
            overflow: visible !important;
        }

        .audio-slider-popover,
        .audio-slider-popover.volume-horizontal {
            left: calc(100% + 8px) !important;
            right: auto !important;
            top: 50% !important;
            bottom: auto !important;

            z-index: 72 !important;
            width: 108px !important;
            height: 40px !important;
            padding: 0 13px !important;

            display: flex !important;
            align-items: center !important;
            justify-content: center !important;

            opacity: 0;
            pointer-events: none;

            transform: translate3d(4px, -50%, 0) !important;
            border-radius: 11px !important;

            background:
                linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.005) 100%),
                rgba(5,7,10,0.95) !important;

            border: 1px solid rgba(148,163,184,0.20) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.03),
                0 8px 24px rgba(0,0,0,0.44) !important;

            transition:
                opacity 180ms ease,
                transform 220ms cubic-bezier(0.22,1,0.36,1),
                border-color 180ms ease !important;
        }

        .audio-slider-popover.is-open,
        .audio-slider-popover.volume-horizontal.is-open {
            opacity: 1 !important;
            pointer-events: auto !important;
            transform: translate3d(0, -50%, 0) !important;
            border-color: rgba(52,211,153,0.28) !important;
        }

        .audio-volume-range {
            width: 78px !important;
            height: 22px !important;
            transform: none !important;
            transform-origin: center !important;
            touch-action: none;
        }

        @media (hover: hover) and (pointer: fine) {
            #audioControlWrapper::before {
                content: "";
                position: absolute !important;
                left: 100% !important;
                right: auto !important;
                top: 50% !important;
                bottom: auto !important;
                width: 12px !important;
                height: 42px !important;
                transform: translateY(-50%) !important;
                background: transparent !important;
                pointer-events: auto !important;
                z-index: 71 !important;
            }
        }

        @media (max-width: 767px) {
            #videoProjectCta {
                height: 38px !important;
                min-height: 38px !important;
                padding: 0 13px !important;
                font-size: 9.3px !important;
                letter-spacing: 0.055em !important;
                border-radius: 11px !important;
            }

            #videoProjectCta.cta-landscape,
            #videoProjectCta.cta-landscape.is-visible,
            #videoProjectCta.cta-portrait,
            #videoProjectCta.cta-portrait.is-visible {
                left: 50% !important;
                right: auto !important;
                top: 50% !important;
                bottom: auto !important;
                transform: translate3d(-50%, -50%, 0) !important;
                max-width: calc(100% - 22px) !important;
                height: 38px !important;
                padding: 0 13px !important;
                border-radius: 11px !important;
            }

            #videoProjectCta.cta-landscape,
            #videoProjectCta.cta-landscape.is-visible {
                font-size: 8.8px !important;
                letter-spacing: 0.055em !important;
            }

            #videoProjectCta.cta-portrait,
            #videoProjectCta.cta-portrait.is-visible {
                font-size: 8.7px !important;
                letter-spacing: 0.06em !important;
            }

            #heroVideoControls {
                left: 10px !important;
                right: auto !important;
                bottom: 10px !important;
                gap: 7px !important;
            }

            .hero-control-btn {
                width: 44px !important;
                height: 42px !important;
                border-radius: 11px !important;
            }

            .hero-control-btn:hover {
                transform: none !important;
            }

            .hero-control-btn:active {
                transform: scale(0.97) !important;
            }

            .audio-slider-popover,
            .audio-slider-popover.volume-horizontal {
                left: calc(100% + 7px) !important;
                width: 96px !important;
                height: 42px !important;
                padding: 0 11px !important;
                border-radius: 11px !important;
            }

            .audio-volume-range {
                width: 70px !important;
                height: 26px !important;
            }
        }

        @media (max-width: 359px) {
            .audio-slider-popover,
            .audio-slider-popover.volume-horizontal {
                width: 86px !important;
                padding: 0 9px !important;
            }

            .audio-volume-range {
                width: 62px !important;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            #videoProjectCta {
                transition: opacity 160ms ease !important;
                filter: none !important;
            }
        }

@media (min-width: 768px) {
            #collabRightZone > div {
                width: 100%;
                max-width: 400px;
            }

            body[data-lang] #collabRightZone .flex.items-baseline {
                display: grid !important;
                grid-template-columns: 96px minmax(0, 1fr) !important;
                column-gap: 20px !important;
                align-items: baseline !important;
            }

            body[data-lang] #collabRightZone .flex.items-baseline > span {
                min-width: 0 !important;
                text-align: left !important;
                white-space: normal !important;
            }

            #collabRightZone #termKey1,
            #collabRightZone #termKey2,
            #collabRightZone #termKey3 {
                transform: none !important;
            }

            #collabRightZone::before {
                left: 28px !important;
            }
        }

        #collabRightZone #termVal1 {
            color: rgba(248, 250, 252, 0.90) !important;
            font-weight: 550 !important;
        }

/* -------------------------------------------------
           EN founder stats — optical alignment.
           Three equal content columns + dedicated divider gutters.
           ------------------------------------------------- */
        [data-lang="en"] .founder-stats-panel {
            grid-template-columns:
                minmax(0, 1fr) 17px
                minmax(0, 1fr) 17px
                minmax(0, 1fr) !important;
        }

        [data-lang="en"] .founder-stat-divider {
            justify-self: center;
        }

        [data-lang="en"] .founder-stat-tile {
            width: 100%;
            min-width: 0;
            padding-left: 12px !important;
            padding-right: 12px !important;
        }

        [data-lang="en"] .founder-stat-value {
            width: 100%;
            justify-content: center;
            font-size: clamp(16px, 1.05vw, 18.5px) !important;
            letter-spacing: -0.02em !important;
            line-height: 1 !important;
            font-variant-numeric: tabular-nums;
        }

        [data-lang="en"] .founder-stat-label {
            width: 100%;
            justify-content: center;
            font-size: clamp(7.8px, 0.58vw, 8.7px) !important;
            letter-spacing: 0.07em !important;
            line-height: 1.1 !important;
        }

        @media (max-width: 639px) {
            [data-lang="en"] .founder-stats-panel {
                grid-template-columns:
                    minmax(0, 1fr) 9px
                    minmax(0, 1fr) 9px
                    minmax(0, 1fr) !important;
            }

            [data-lang="en"] .founder-stat-tile {
                padding-left: 4px !important;
                padding-right: 4px !important;
            }

            [data-lang="en"] .founder-stat-value {
                font-size: 14px !important;
                letter-spacing: -0.018em !important;
            }

            [data-lang="en"] .founder-stat-label {
                font-size: 6.9px !important;
                letter-spacing: 0.045em !important;
            }
        }

        /* EN HERO fourth line = same visual language as WE CREATE. */
        [data-lang="en"] #heroSubline {
            max-width: 100% !important;
            color: rgb(226 232 240) !important;
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-size: clamp(0.85rem, 2.5vw, 0.98rem) !important;
            line-height: 1.45 !important;
            font-weight: 600 !important;
            letter-spacing: 0.055em !important;
            text-transform: uppercase !important;
        }

/* Founder voice row: remove the foreign circular control language. */
        .founder-voice-control {
            width: 32px !important;
            height: 26px !important;
            border-radius: 7px !important;
            border: 0 !important;
            background: rgba(255,255,255,0.028) !important;
            box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035) !important;
            transform: none !important;
        }

        .founder-voice-control svg {
            width: 10.5px !important;
            height: 10.5px !important;
        }

        @media (hover:hover) and (pointer:fine) {
            .founder-voice-control:hover {
                transform: translateX(1px) !important;
                color: #F5A7C2 !important;
                background: rgba(217,74,120,0.055) !important;
                box-shadow: inset 0 0 0 1px rgba(217,74,120,0.10) !important;
            }
        }

        .founder-voice-line {
            grid-template-columns: 34px auto minmax(84px, 1fr) auto !important;
            gap: 11px !important;
            min-height: 50px !important;
            padding: 8px 3px 10px !important;
        }

        /* Give the facts more air and a stronger visual base below the voice line. */
        .founder-stats-panel {
            min-height: 94px !important;
            margin-top: 10px !important;
            padding: 16px 0 2px !important;
        }

        .founder-stat-tile {
            min-height: 72px !important;
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }

        .founder-stat-divider {
            height: 44px !important;
        }

        /* On wide desktop the information rail can be wider than the portrait itself. */
        @media (min-width: 1280px) {
            #founderInfoFlow {
                width: calc(100% + 64px) !important;
                margin-left: -32px !important;
            }

            /* Keep the voice player exactly within the portrait width.
               Only the stats rail is allowed to use the extra desktop width. */
            #founderInfoFlow .founder-voice-line {
                width: calc(100% - 64px) !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            #founderInfoFlow .founder-stats-panel {
                width: calc(100% - 64px) !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
        }

        @media (max-width: 639px) {
            #founderInfoFlow {
                width: 100% !important;
                margin-left: 0 !important;
            }

            .founder-voice-line {
                grid-template-columns: 42px auto minmax(42px, 1fr) auto !important;
                gap: 6px !important;
                min-height: 48px !important;
                padding: 5px 0 8px !important;
            }

            .founder-voice-control {
                position: relative !important;
                width: 42px !important;
                height: 42px !important;
                border-radius: 8px !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            .founder-voice-control::before {
                width: 30px !important;
                height: 26px !important;
                border-radius: 7px !important;
                border: 0 !important;
                background: rgba(255,255,255,0.028) !important;
                box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04) !important;
            }

            .founder-stats-panel {
                min-height: 82px !important;
                margin-top: 6px !important;
                padding-top: 10px !important;
            }

            .founder-stat-tile {
                min-height: 64px !important;
            }

            .founder-stat-divider {
                height: 36px !important;
            }
        }

/* Cleaner premium entry: no decorative underline under the logo. */
        #entryLogoUnderline {
            display: none !important;
        }

        /* Status row: optically center the indicator and copy as one compact unit. */
        .entry-status {
            gap: 7px !important;
            line-height: 1 !important;
        }

        .entry-status-dot {
            width: 3px !important;
            height: 3px !important;
            flex: 0 0 3px !important;
            margin: 0 !important;
            position: relative !important;
            top: -0.25px !important;
            background: rgba(148,163,184,0.44) !important;
            box-shadow: none !important;
            transform: none !important;
        }

        /* Ready state: restrained emerald, no neon pulse or size jump. */
        #initSystemOverlay.entry-ready .entry-status {
            color: rgba(203,213,225,0.74) !important;
        }

        #initSystemOverlay.entry-ready .entry-status-dot {
            background: rgba(52,211,153,0.96) !important;
            box-shadow: 0 0 5px rgba(52,211,153,0.22) !important;
            transform: none !important;
        }

/* Desktop collaboration screen follows the same section axis as SYSTEM. */
        @media (min-width: 1280px) {
            #pricing {
                width: 100% !important;
                max-width: none !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
            }

            #pricing > :not(.ambient-grid-patch) {
                width: 100% !important;
                max-width: none !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                box-sizing: border-box !important;
            }

            #pricingHeader {
                width: 100% !important;
                max-width: 1120px !important;
            }
        }

/* Motion system:
           200ms interactions / ~520ms component reveals / ~720ms hero reveals. */
        #heroPreTag,
        #heroMainWord1,
        #heroMainWord2,
        #heroSubline {
            transition-duration: 720ms !important;
            transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        /* Header CTA is text-only; chooser still works, but no decorative arrow. */
        #headerContactChevron {
            display: none !important;
        }

        #headerContactChooser .nexis-cta-header-unified {
            gap: 0 !important;
        }

        /* Global page progress becomes a restrained neutral hairline.
           Chapter progress remains the primary progress signal. */
        #scrollProgressBar {
            background: rgba(226, 232, 240, 0.16) !important;
            opacity: 0.52 !important;
            box-shadow: none !important;
            transition: width 220ms ease-out !important;
        }

        /* Premium CTAs: no spring / no scale-up. */
        .nexis-cta-final-unified:hover,
        .nexis-cta-hunter:hover {
            transform: translateY(-1px) !important;
        }

        .nexis-cta-final-unified:active,
        .nexis-cta-hunter:active,
        #headerContactToggle:active {
            transform: translateY(0) scale(0.995) !important;
        }

        .nexis-cta-final-unified:hover {
            border-color: rgba(56, 189, 248, 0.84) !important;
            box-shadow:
                inset 0 1px 1px rgba(255,255,255,0.14),
                inset 0 0 18px rgba(42,171,238,0.07),
                0 5px 24px rgba(0,0,0,0.56),
                0 0 20px rgba(42,171,238,0.16) !important;
        }

        .nexis-cta-hunter:hover {
            border-color: rgba(0,240,255,0.64) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.10),
                0 4px 18px rgba(0,0,0,0.50),
                0 0 15px rgba(0,240,255,0.13) !important;
        }

        /* Final CTA belongs to NEXIS, not to the messenger UI. */
        #finalContactCtaBtn {
            gap: 0 !important;
        }

        /* Fifth screen: quieter, more confident ending. */
        .ambient-grid-contact {
            opacity: 0.42 !important;
        }

        @media (min-width: 1024px) {
            #contact {
                padding-top: 112px !important;
            }
        }

        @media (max-width: 1180px) and (min-width: 1024px) {
            .ambient-grid-contact {
                opacity: 0.38 !important;
            }
        }

        @media (hover: none), (pointer: coarse) {
            .nexis-cta-final-unified:hover,
            .nexis-cta-hunter:hover,
            #headerContactToggle:hover {
                transform: none !important;
            }
        }

#siteFooter {
            min-height: 76px !important;
            padding: 0 !important;
            border-top: 0 !important;
            overflow: hidden;
            opacity: 0;
            transition: opacity 560ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        #siteFooter.footer-visible {
            opacity: 1;
        }

        .footer-inner {
            position: relative;
            z-index: 2;
            min-height: 76px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 28px;
            padding: 0 4px;
        }

        .footer-hairline {
            position: absolute;
            z-index: 2;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(148,163,184,0.05) 7%,
                rgba(226,232,240,0.13) 50%,
                rgba(125,211,252,0.055) 82%,
                transparent 100%
            );
        }

        .footer-brandline {
            min-height: 40px;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            min-width: 0;
            white-space: nowrap;
            line-height: 1;
            transform: translateY(0.5px);
        }

        .footer-brand {
            color: rgba(241,245,249,0.78);
            font-family: 'Syne', sans-serif;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: -0.01em;
        }

        .footer-separator {
            color: rgba(100,116,139,0.42);
            font-family: 'JetBrains Mono', monospace;
            font-size: 9px;
            font-weight: 500;
            line-height: 1;
            transform: translateY(-0.15px);
        }

        .footer-studio {
            color: rgba(148,163,184,0.62);
            font-family: 'JetBrains Mono', monospace;
            font-size: 9px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.115em;
            text-transform: uppercase;
        }

        .footer-copyright {
            margin-left: 8px;
            color: rgba(100,116,139,0.50);
            font-family: 'JetBrains Mono', monospace;
            font-size: 9px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0.025em;
        }

        .footer-back-link {
            position: relative;
            z-index: 3;
            min-height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            color: rgba(148,163,184,0.52);
            font-family: 'JetBrains Mono', monospace;
            font-size: 9.5px;
            font-weight: 600;
            line-height: 1;
            letter-spacing: 0.10em;
            text-transform: uppercase;
            text-decoration: none;
            transform: translateY(0.5px);
            transition:
                color 200ms ease,
                transform 200ms cubic-bezier(0.22,1,0.36,1);
        }

        @media (hover:hover) and (pointer:fine) {
            .footer-back-link:hover {
                color: rgba(226,232,240,0.80);
                transform: translateY(-0.5px);
            }
        }

        .footer-haze {
            position: absolute;
            z-index: 0;
            top: 0;
            bottom: 0;
            width: 30%;
            pointer-events: none;
            opacity: 0.018;
            filter: blur(38px);
        }

        .footer-haze-left {
            left: -9%;
            background: radial-gradient(
                ellipse at left center,
                rgba(217,74,120,0.90) 0%,
                rgba(217,74,120,0.18) 42%,
                transparent 74%
            );
        }

        .footer-haze-right {
            right: -9%;
            background: radial-gradient(
                ellipse at right center,
                rgba(56,189,248,0.85) 0%,
                rgba(56,189,248,0.16) 42%,
                transparent 74%
            );
        }

        @media (max-width: 767px) {
            #siteFooter,
            .footer-inner {
                min-height: 68px !important;
            }

            .footer-inner {
                gap: 14px;
                padding: 0;
            }

            .footer-brandline {
                min-height: 40px;
                gap: 5px;
            }

            .footer-brand {
                font-size: 11.5px;
            }

            .footer-studio {
                display: none;
            }

            .footer-copyright {
                margin-left: 3px;
                font-size: 8.8px;
            }

            .footer-back-link {
                min-height: 40px;
                font-size: 9px;
                letter-spacing: 0.085em;
            }

            .footer-haze {
                width: 42%;
                opacity: 0.014;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            #siteFooter {
                transition: none !important;
                opacity: 1 !important;
            }

            .footer-back-link {
                transition: color 160ms ease !important;
            }
        }

/* Global desktop frame: +40px total ≈ +5mm on each side at standard desktop density. */
        @media (min-width: 1280px) {
            .site-container {
                max-width: 1480px !important;
            }
        }

/* Founder personal intro — final optical alignment. */
        .founder-voice-line {
            grid-template-columns: 32px max-content minmax(72px, 1fr) max-content !important;
            column-gap: 10px !important;
            row-gap: 0 !important;
            min-height: 48px !important;
            padding: 8px 2px 9px !important;
            align-items: center !important;
        }

        .founder-voice-control {
            width: 32px !important;
            height: 28px !important;
            justify-self: start !important;
            align-self: center !important;
            border-radius: 7px !important;
        }

        .founder-voice-control svg {
            width: 10px !important;
            height: 10px !important;
        }

        .founder-voice-copy {
            gap: 0 !important;
            height: 28px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            color: rgba(203,213,225,0.76) !important;
            font-size: 9.4px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            letter-spacing: 0.125em !important;
            transform: translateY(0.25px);
        }

        .founder-voice-waveform {
            height: 28px !important;
            align-self: center !important;
        }

        .founder-voice-timer {
            display: flex !important;
            align-items: center !important;
            height: 28px !important;
            justify-self: end !important;
            align-self: center !important;
            color: rgba(148,163,184,0.62) !important;
            font-size: 8.8px !important;
            line-height: 1 !important;
            transform: translateY(0.25px);
        }

        .founder-voice-line::after {
            left: 0 !important;
            right: 0 !important;
            opacity: 0.78;
        }

        @media (max-width: 639px) {
            .founder-voice-line {
                grid-template-columns: 42px max-content minmax(38px, 1fr) max-content !important;
                column-gap: 6px !important;
                min-height: 46px !important;
                padding: 4px 0 7px !important;
            }

            .founder-voice-control {
                width: 42px !important;
                height: 42px !important;
            }

            .founder-voice-copy {
                height: 42px !important;
                font-size: 7.6px !important;
                letter-spacing: 0.095em !important;
                transform: none !important;
            }

            .founder-voice-waveform {
                height: 42px !important;
            }

            .founder-voice-timer {
                height: 42px !important;
                font-size: 7.4px !important;
                transform: none !important;
            }
        }

/* Pull the voice-player content inward while keeping the outer line
           perfectly aligned to the portrait width. */
        .founder-voice-line {
            padding-left: 14px !important;
            padding-right: 14px !important;
        }

        .founder-voice-control {
            justify-self: start !important;
        }

        .founder-voice-copy {
            margin-left: 0 !important;
        }

        .founder-voice-timer {
            justify-self: end !important;
            margin-right: 0 !important;
        }

        /* Keep the separator/hairline spanning the full portrait width. */
        .founder-voice-line::after {
            left: 0 !important;
            right: 0 !important;
        }

        @media (max-width: 639px) {
            .founder-voice-line {
                padding-left: 8px !important;
                padding-right: 8px !important;
            }
        }

#contact {
            text-align: center !important;
        }

        #contactInner {
            width: min(100%, 820px) !important;
            max-width: 820px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
        }

        #contactInner h2 {
            width: 100% !important;
            margin: 0 auto !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 2px !important;
            text-align: center !important;
            line-height: 0.94 !important;
            letter-spacing: -0.028em !important;
        }

        #contactHead1,
        #contactHead2 {
            width: max-content !important;
            max-width: 100% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;
            line-height: 0.94 !important;
        }

        #contactHead1 {
            transform: translateX(-1px);
        }

        #contactHead2 {
            transform: translateX(1px);
        }

        #contactSubline {
            width: 100% !important;
            max-width: 620px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            text-align: center !important;
            line-height: 1.45 !important;
        }

        #contactInner > .mt-3,
        #contactInner > .sm\:mt-5 {
            margin-top: 22px !important;
        }

        #contactInner > .mt-5,
        #contactInner > .sm\:mt-7 {
            margin-top: 32px !important;
        }

        #finalContactCtaBtn {
            margin-left: auto !important;
            margin-right: auto !important;
            min-width: 282px;
            justify-content: center !important;
            text-align: center !important;
        }

        @media (min-width: 1024px) {
            #contact {
                padding-top: 108px !important;
                padding-bottom: 34px !important;
            }
        }

        @media (max-width: 767px) {
            #contactInner {
                width: 100% !important;
                max-width: 100% !important;
            }

            #contactInner h2 {
                gap: 1px !important;
                line-height: 0.96 !important;
                letter-spacing: -0.024em !important;
            }

            #contactHead1,
            #contactHead2 {
                width: auto !important;
                max-width: 100% !important;
                transform: none !important;
                line-height: 0.96 !important;
            }

            #contactInner > .mt-3,
            #contactInner > .sm\:mt-5 {
                margin-top: 18px !important;
            }

            #contactInner > .mt-5,
            #contactInner > .sm\:mt-7 {
                margin-top: 26px !important;
            }

            #finalContactCtaBtn {
                min-width: 0 !important;
                width: min(100%, 360px) !important;
            }
        }

/* HEADER CTA — restrained premium glass */
    #headerContactChooser { width: 198px !important; }

    #headerContactToggle {
        position: relative !important;
        isolation: isolate;
        overflow: hidden !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 22px !important;
        border-radius: 12px !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.010) 42%, rgba(255,255,255,.004) 100%),
            linear-gradient(135deg, rgba(8,14,21,.985) 0%, rgba(4,8,13,.99) 100%) !important;
        border: 1px solid rgba(92,201,242,.42) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.065),
            inset 0 -1px 0 rgba(56,189,248,.035),
            0 6px 20px rgba(0,0,0,.34),
            0 0 0 1px rgba(255,255,255,.01) !important;
        color: rgba(248,250,252,.94) !important;
        transform: translateY(0) !important;
        transition:
            background 220ms ease,
            border-color 220ms ease,
            box-shadow 240ms ease,
            transform 200ms cubic-bezier(.22,1,.36,1) !important;
    }

    #headerContactToggle::before {
        content:"";
        position:absolute;
        z-index:-1;
        left:16%;
        right:16%;
        top:0;
        height:1px;
        background:linear-gradient(90deg,transparent,rgba(226,232,240,.28) 48%,rgba(125,211,252,.24) 66%,transparent);
        opacity:.62;
        pointer-events:none;
    }

    #headerContactToggle::after {
        content:"";
        position:absolute;
        z-index:-1;
        inset:0 !important;
        height:auto !important;
        border-radius:inherit;
        border:1px solid transparent;
        background:linear-gradient(110deg,rgba(56,189,248,.14),rgba(255,255,255,.025) 48%,rgba(217,74,120,.055)) border-box;
        opacity:.34 !important;
        transform:none !important;
        pointer-events:none;
    }

    #headerCtaTitle {
        position:relative;
        z-index:2;
        font-family:'Syne',sans-serif !important;
        font-size:11px !important;
        font-weight:700 !important;
        line-height:1 !important;
        letter-spacing:.065em !important;
        text-transform:uppercase !important;
        white-space:nowrap !important;
    }

    @media (hover:hover) and (pointer:fine) {
        #headerContactToggle:hover,
        .header-contact-chooser.is-open #headerContactToggle {
            background:
                linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.016) 44%, rgba(255,255,255,.006) 100%),
                linear-gradient(135deg, rgba(10,18,27,.99) 0%, rgba(5,10,16,.995) 100%) !important;
            border-color:rgba(92,201,242,.62) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.085),
                inset 0 -1px 0 rgba(56,189,248,.05),
                0 8px 24px rgba(0,0,0,.40),
                0 0 18px rgba(56,189,248,.065) !important;
            transform:translateY(-1px) !important;
        }
    }

    #headerContactToggle:active { transform:translateY(0) !important; }

    /* FINAL CTA — primary brand action */
    #finalContactCtaBtn {
        position:relative !important;
        isolation:isolate;
        overflow:hidden !important;
        width:316px !important;
        max-width:min(316px,100%) !important;
        height:60px !important;
        min-height:60px !important;
        padding:0 34px !important;
        border-radius:14px !important;
        background:
            radial-gradient(circle at 18% -20%, rgba(56,189,248,.11), transparent 42%),
            radial-gradient(circle at 88% 120%, rgba(217,74,120,.065), transparent 46%),
            linear-gradient(180deg, rgba(11,20,30,.985) 0%, rgba(5,11,18,.995) 100%) !important;
        border:1px solid rgba(100,210,248,.58) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.11),
            inset 0 -1px 0 rgba(56,189,248,.045),
            0 10px 30px rgba(0,0,0,.46),
            0 14px 34px rgba(56,189,248,.055) !important;
        color:rgba(248,250,252,.95) !important;
        transform:translateY(0) !important;
        transition:
            background 240ms ease,
            border-color 240ms ease,
            box-shadow 260ms ease,
            transform 210ms cubic-bezier(.22,1,.36,1) !important;
    }

    #finalContactCtaBtn::before {
        content:"";
        position:absolute;
        z-index:-1;
        inset:0;
        border-radius:inherit;
        padding:1px;
        background:linear-gradient(105deg,rgba(125,211,252,.48) 0%,rgba(226,232,240,.12) 34%,rgba(255,255,255,.045) 54%,rgba(217,74,120,.16) 100%);
        -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
        -webkit-mask-composite:xor;
        mask-composite:exclude;
        opacity:.72;
        pointer-events:none;
    }

    #finalContactCtaBtn::after {
        content:"";
        position:absolute;
        z-index:1;
        top:-45%;
        bottom:-45%;
        left:-42%;
        width:24%;
        transform:skewX(-18deg) translateX(0);
        background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),rgba(125,211,252,.08),transparent);
        opacity:0;
        pointer-events:none;
    }

    #finalContactCtaText {
        position:relative;
        z-index:2;
        font-family:'Syne',sans-serif !important;
        font-size:12.4px !important;
        font-weight:700 !important;
        line-height:1 !important;
        letter-spacing:.075em !important;
        text-transform:uppercase !important;
        color:rgba(248,250,252,.96) !important;
        text-shadow:0 1px 0 rgba(0,0,0,.35);
    }

    @media (hover:hover) and (pointer:fine) {
        #finalContactCtaBtn:hover {
            background:
                radial-gradient(circle at 18% -20%, rgba(56,189,248,.15), transparent 42%),
                radial-gradient(circle at 88% 120%, rgba(217,74,120,.085), transparent 46%),
                linear-gradient(180deg, rgba(14,25,37,.99) 0%, rgba(6,13,21,.995) 100%) !important;
            border-color:rgba(125,211,252,.78) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.15),
                inset 0 -1px 0 rgba(56,189,248,.06),
                0 12px 34px rgba(0,0,0,.50),
                0 16px 38px rgba(56,189,248,.085) !important;
            transform:translateY(-1px) !important;
        }
        #finalContactCtaBtn:hover::before { opacity:.95; }
        #finalContactCtaBtn:hover::after {
            opacity:1;
            animation:nexisCtaSweepV77 560ms cubic-bezier(.22,1,.36,1) both;
        }
    }

    #finalContactCtaBtn:active { transform:translateY(0) !important; }

    @keyframes nexisCtaSweepV77 {
        0% { transform:skewX(-18deg) translateX(0); opacity:0; }
        16% { opacity:.78; }
        100% { transform:skewX(-18deg) translateX(620%); opacity:0; }
    }

    #headerContactToggle:hover,
    #headerContactToggle:active,
    #finalContactCtaBtn:hover,
    #finalContactCtaBtn:active { scale:1 !important; }

    @media (max-width:639px) {
        #headerContactChooser { width:158px !important; flex:0 0 158px !important; }
        #headerContactToggle {
            height:42px !important;
            min-height:42px !important;
            padding:0 14px !important;
            border-radius:11px !important;
        }
        #headerCtaTitle {
            font-size:9.7px !important;
            letter-spacing:.05em !important;
        }
        #finalContactCtaBtn {
            width:min(100%,326px) !important;
            max-width:326px !important;
            height:56px !important;
            min-height:56px !important;
            border-radius:13px !important;
            padding:0 24px !important;
        }
        #finalContactCtaText {
            font-size:11.4px !important;
            letter-spacing:.065em !important;
        }
    }

    @media (prefers-reduced-motion:reduce) {
        #finalContactCtaBtn::after { display:none !important; }
    }

/* Hunter CTA — technical premium action, distinct from the brand CTA. */
    #hunterCtaRail {
        position: relative;
        min-height: 72px !important;
        padding-top: 14px !important;
        padding-bottom: 4px !important;
        border-top-color: rgba(255,255,255,0.045) !important;
    }

    #hunterCtaRail::before {
        content: "";
        position: absolute;
        top: -1px;
        right: 0;
        width: min(42%, 220px);
        height: 1px;
        background: linear-gradient(
            90deg,
            transparent,
            rgba(56,189,248,0.11) 42%,
            rgba(52,211,153,0.17) 100%
        );
        pointer-events: none;
    }

    #hunterSetupCtaBtn {
        position: relative !important;
        isolation: isolate;
        overflow: hidden !important;

        width: 268px !important;
        min-width: 268px !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 0 30px !important;
        border-radius: 13px !important;

        background:
            radial-gradient(circle at 16% -35%, rgba(56,189,248,0.105), transparent 42%),
            radial-gradient(circle at 92% 135%, rgba(52,211,153,0.085), transparent 47%),
            linear-gradient(180deg, rgba(8,17,24,0.985) 0%, rgba(4,10,15,0.995) 100%) !important;

        border: 1px solid rgba(72,205,214,0.52) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.09),
            inset 0 -1px 0 rgba(52,211,153,0.035),
            0 8px 24px rgba(0,0,0,0.42),
            0 12px 30px rgba(34,211,238,0.038) !important;

        color: rgba(248,250,252,0.95) !important;
        transform: translateY(0) !important;

        transition:
            background 230ms ease,
            border-color 230ms ease,
            box-shadow 250ms ease,
            transform 210ms cubic-bezier(.22,1,.36,1),
            opacity 380ms ease !important;
    }

    /* Delicate cyan -> emerald inner edge. */
    #hunterSetupCtaBtn::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: 0;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient(
            108deg,
            rgba(125,211,252,0.30) 0%,
            rgba(255,255,255,0.055) 43%,
            rgba(52,211,153,0.22) 100%
        );
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0.72;
        pointer-events: none;
    }

    /* Small technical status rail — no dots, no icon. */
    #hunterSetupCtaBtn::after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 18px;
        top: 50%;
        width: 18px;
        height: 1px;
        transform: translateY(-50%);
        background: linear-gradient(
            90deg,
            rgba(56,189,248,0.10),
            rgba(52,211,153,0.70)
        );
        box-shadow: 0 0 8px rgba(52,211,153,0.08);
        opacity: 0.72;
        pointer-events: none;
        transition:
            width 260ms cubic-bezier(.22,1,.36,1),
            opacity 220ms ease;
    }

    #hunterSetupCtaText {
        position: relative;
        z-index: 2;
        display: inline-block;
        transform: translateX(7px);
        font-family: 'Syne', sans-serif !important;
        font-size: 11.8px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0.085em !important;
        text-transform: uppercase !important;
        color: rgba(248,250,252,0.96) !important;
        text-shadow: 0 1px 0 rgba(0,0,0,0.32);
    }

    @media (hover:hover) and (pointer:fine) {
        #hunterSetupCtaBtn:hover {
            background:
                radial-gradient(circle at 16% -35%, rgba(56,189,248,0.145), transparent 42%),
                radial-gradient(circle at 92% 135%, rgba(52,211,153,0.115), transparent 47%),
                linear-gradient(180deg, rgba(11,22,31,0.99) 0%, rgba(5,12,18,0.998) 100%) !important;

            border-color: rgba(89,220,221,0.74) !important;

            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.125),
                inset 0 -1px 0 rgba(52,211,153,0.05),
                0 10px 28px rgba(0,0,0,0.46),
                0 14px 34px rgba(52,211,153,0.055) !important;

            transform: translateY(-1px) !important;
        }

        #hunterSetupCtaBtn:hover::before {
            opacity: 0.96;
        }

        #hunterSetupCtaBtn:hover::after {
            width: 25px;
            opacity: 1;
        }
    }

    #hunterSetupCtaBtn:active {
        transform: translateY(0) !important;
    }

    @media (max-width:639px) {
        #hunterCtaRail {
            min-height: 66px !important;
            padding-top: 12px !important;
        }

        #hunterSetupCtaBtn {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            height: 54px !important;
            min-height: 54px !important;
            padding: 0 24px !important;
            border-radius: 12px !important;
        }

        #hunterSetupCtaBtn::after {
            left: 16px;
            width: 14px;
        }

        #hunterSetupCtaText {
            transform: translateX(5px);
            font-size: 11px !important;
            letter-spacing: 0.072em !important;
        }
    }

    @media (prefers-reduced-motion:reduce) {
        #hunterSetupCtaBtn,
        #hunterSetupCtaBtn::after {
            transition: none !important;
        }
    }

/* Entry CTA now speaks the same visual language as the favicon:
       deep black glass + cyan lower-left / magenta upper-right edge accents. */
    #initSystemBtn {
        border: 1px solid rgba(255,255,255,0.055) !important;
        border-radius: 13px !important;
        background:
            radial-gradient(circle at 12% 118%, rgba(34,211,238,0.055), transparent 42%),
            radial-gradient(circle at 92% -18%, rgba(236,72,153,0.045), transparent 42%),
            linear-gradient(180deg, rgba(255,255,255,0.020) 0%, rgba(255,255,255,0.004) 100%),
            rgba(6,8,11,0.97) !important;
        box-shadow:
            0 14px 40px rgba(0,0,0,0.58),
            inset 0 1px 0 rgba(255,255,255,0.045),
            inset 0 -1px 0 rgba(255,255,255,0.012) !important;
        transform: translateY(0) scale(1) !important;
    }

    #entryScanBorder {
        inset: 0 !important;
        border-radius: inherit !important;
        padding: 1px !important;
        opacity: 0.62 !important;
        background: linear-gradient(
            112deg,
            rgba(34,211,238,0.78) 0%,
            rgba(34,211,238,0.18) 24%,
            rgba(255,255,255,0.055) 50%,
            rgba(236,72,153,0.18) 76%,
            rgba(236,72,153,0.72) 100%
        ) !important;
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0) !important;
        -webkit-mask-composite: xor !important;
        mask-composite: exclude !important;
        pointer-events: none !important;
    }

    #entryButtonSheen {
        background: linear-gradient(
            108deg,
            transparent 18%,
            rgba(34,211,238,0.00) 35%,
            rgba(125,211,252,0.055) 45%,
            rgba(255,255,255,0.045) 50%,
            rgba(236,72,153,0.045) 56%,
            rgba(236,72,153,0.00) 66%,
            transparent 82%
        ) !important;
        opacity: 0.52 !important;
    }

    #entryButtonLabel {
        font-family: 'Syne', sans-serif !important;
        font-size: 11.4px !important;
        font-weight: 700 !important;
        letter-spacing: 0.085em !important;
        color: rgba(248,250,252,0.92) !important;
    }

    #initSystemBtn .entry-logo-img {
        filter:
            drop-shadow(-2px 2px 8px rgba(34,211,238,0.025))
            drop-shadow(2px -2px 8px rgba(236,72,153,0.018)) !important;
    }

    @media (hover:hover) and (pointer:fine) {
        #initSystemBtn:hover {
            border-color: rgba(255,255,255,0.07) !important;
            background:
                radial-gradient(circle at 12% 118%, rgba(34,211,238,0.080), transparent 42%),
                radial-gradient(circle at 92% -18%, rgba(236,72,153,0.068), transparent 42%),
                linear-gradient(180deg, rgba(255,255,255,0.030) 0%, rgba(255,255,255,0.006) 100%),
                rgba(7,10,14,0.985) !important;
            box-shadow:
                0 16px 44px rgba(0,0,0,0.62),
                0 0 18px rgba(34,211,238,0.025),
                0 0 18px rgba(236,72,153,0.018),
                inset 0 1px 0 rgba(255,255,255,0.055) !important;
            transform: translateY(-1px) scale(1) !important;
        }

        #initSystemBtn:hover #entryScanBorder {
            opacity: 0.94 !important;
        }

        #initSystemBtn:hover .entry-logo-img {
            transform: scale(1.018) !important;
            filter:
                drop-shadow(-2px 2px 8px rgba(34,211,238,0.055))
                drop-shadow(2px -2px 8px rgba(236,72,153,0.038)) !important;
        }

        #initSystemBtn:hover #entryButtonLabel {
            letter-spacing: 0.092em !important;
            color: #fff !important;
        }
    }

    #initSystemBtn:active {
        transform: translateY(0) scale(1) !important;
    }

    #initSystemOverlay.entry-activating #initSystemBtn {
        border-color: rgba(255,255,255,0.08) !important;
        box-shadow:
            0 14px 40px rgba(0,0,0,0.60),
            0 0 18px rgba(34,211,238,0.045),
            0 0 18px rgba(236,72,153,0.035),
            inset 0 1px 0 rgba(255,255,255,0.06) !important;
        transform: scale(1) !important;
    }

    #initSystemOverlay.entry-activating #entryScanBorder {
        opacity: 1 !important;
        animation: nexisEntryAccentPulseV80 520ms cubic-bezier(.16,1,.3,1) 1 !important;
    }

    @keyframes nexisEntryAccentPulseV80 {
        0%   { filter: brightness(.86); opacity: .58; }
        42%  { filter: brightness(1.28); opacity: 1; }
        100% { filter: brightness(1); opacity: .78; }
    }

    @media (max-width:639px) {
        #initSystemBtn {
            border-radius: 12px !important;
        }

        #entryButtonLabel {
            font-size: 10.3px !important;
            letter-spacing: 0.075em !important;
        }
    }

    @media (prefers-reduced-motion:reduce) {
        #initSystemOverlay.entry-activating #entryScanBorder {
            animation: none !important;
        }
    }

/*
       Same NEXIS accent language as the entry button:
       cyan lower-left / magenta upper-right,
       but with hierarchy preserved between actions.
       IMPORTANT: #initSystemBtn / #entryScanBorder are intentionally untouched.
    */

    /* -------- Header: START A PROJECT -------- */
    body[data-lang] #headerContactChooser #headerContactToggle {
        border: 1px solid transparent !important;
        background:
            radial-gradient(circle at 8% 120%, rgba(34,211,238,.18), transparent 56%) padding-box,
            radial-gradient(circle at 96% -20%, rgba(236,72,153,.14), transparent 54%) padding-box,
            linear-gradient(180deg, rgba(17,25,32,.98), rgba(7,11,16,.98)) padding-box,
            linear-gradient(112deg,
                rgba(78,227,247,.92),
                rgba(34,211,238,.28) 30%,
                rgba(255,255,255,.13) 51%,
                rgba(236,72,153,.27) 72%,
                rgba(246,116,179,.86)
            ) border-box !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.09),
            0 7px 22px rgba(0,0,0,.34),
            -3px 3px 14px rgba(34,211,238,.055),
            3px -3px 14px rgba(236,72,153,.045) !important;
    }

    #headerContactToggle::after {
        display: none !important;
    }

    @media (hover:hover) and (pointer:fine) {
        body[data-lang] #headerContactChooser #headerContactToggle:hover,
        body[data-lang] #headerContactChooser.is-open #headerContactToggle {
            background:
                radial-gradient(circle at 8% 120%, rgba(34,211,238,.24), transparent 56%) padding-box,
                radial-gradient(circle at 96% -20%, rgba(236,72,153,.19), transparent 54%) padding-box,
                linear-gradient(180deg, rgba(20,30,38,.98), rgba(8,13,19,.98)) padding-box,
                linear-gradient(112deg,
                    rgba(92,232,250,1),
                    rgba(34,211,238,.38) 30%,
                    rgba(255,255,255,.18) 51%,
                    rgba(236,72,153,.36) 72%,
                    rgba(250,137,193,.98)
                ) border-box !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.08),
                0 9px 26px rgba(0,0,0,.40),
                -6px 8px 20px rgba(34,211,238,.075),
                6px -8px 20px rgba(236,72,153,.060) !important;
        }
    }

    /* -------- Hero video: ORDER VIDEO -------- */
    #videoProjectCta {
        border: 1px solid transparent !important;
        background:
            radial-gradient(circle at 8% 120%, rgba(34,211,238,.070), transparent 42%) padding-box,
            radial-gradient(circle at 96% -18%, rgba(236,72,153,.052), transparent 42%) padding-box,
            linear-gradient(180deg, rgba(10,16,23,.96), rgba(4,8,13,.97)) padding-box,
            linear-gradient(112deg,
                rgba(34,211,238,.78),
                rgba(34,211,238,.12) 31%,
                rgba(255,255,255,.060) 52%,
                rgba(236,72,153,.13) 73%,
                rgba(236,72,153,.68)
            ) border-box !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.055),
            0 7px 22px rgba(0,0,0,.42) !important;
        font-family: 'Syne', sans-serif !important;
        letter-spacing: .065em !important;
    }

    @media (hover:hover) and (pointer:fine) {
        #videoProjectCta:hover {
            background:
                radial-gradient(circle at 8% 120%, rgba(34,211,238,.10), transparent 42%) padding-box,
                radial-gradient(circle at 96% -18%, rgba(236,72,153,.078), transparent 42%) padding-box,
                linear-gradient(180deg, rgba(13,21,30,.98), rgba(5,10,16,.98)) padding-box,
                linear-gradient(112deg,
                    rgba(34,211,238,.95),
                    rgba(34,211,238,.17) 31%,
                    rgba(255,255,255,.080) 52%,
                    rgba(236,72,153,.18) 73%,
                    rgba(236,72,153,.88)
                ) border-box !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.075),
                0 9px 26px rgba(0,0,0,.46),
                -5px 7px 18px rgba(34,211,238,.028),
                5px -7px 18px rgba(236,72,153,.022) !important;
        }
    }

    /* -------- Hunter: ORDER SYSTEM -------- */
    #hunterSetupCtaBtn {
        border: 1px solid transparent !important;
        background:
            radial-gradient(circle at 8% 120%, rgba(34,211,238,.070), transparent 42%) padding-box,
            radial-gradient(circle at 96% -18%, rgba(236,72,153,.055), transparent 42%) padding-box,
            linear-gradient(180deg, rgba(8,17,24,.985), rgba(4,10,15,.995)) padding-box,
            linear-gradient(112deg,
                rgba(34,211,238,.80),
                rgba(34,211,238,.13) 30%,
                rgba(255,255,255,.060) 51%,
                rgba(236,72,153,.14) 72%,
                rgba(236,72,153,.72)
            ) border-box !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.075),
            0 8px 24px rgba(0,0,0,.42) !important;
    }

    #hunterSetupCtaBtn::before {
        display: none !important;
    }

    #hunterSetupCtaBtn::after {
        background: linear-gradient(
            90deg,
            rgba(34,211,238,.12),
            rgba(226,232,240,.50),
            rgba(236,72,153,.62)
        ) !important;
        box-shadow: none !important;
    }

    @media (hover:hover) and (pointer:fine) {
        #hunterSetupCtaBtn:hover {
            background:
                radial-gradient(circle at 8% 120%, rgba(34,211,238,.10), transparent 42%) padding-box,
                radial-gradient(circle at 96% -18%, rgba(236,72,153,.080), transparent 42%) padding-box,
                linear-gradient(180deg, rgba(11,22,31,.99), rgba(5,12,18,.998)) padding-box,
                linear-gradient(112deg,
                    rgba(34,211,238,.96),
                    rgba(34,211,238,.18) 30%,
                    rgba(255,255,255,.082) 51%,
                    rgba(236,72,153,.19) 72%,
                    rgba(236,72,153,.91)
                ) border-box !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.10),
                0 10px 28px rgba(0,0,0,.46),
                -5px 7px 20px rgba(34,211,238,.025),
                5px -7px 20px rgba(236,72,153,.022) !important;
        }
    }

    /* -------- Final: DISCUSS PROJECT -------- */
    #finalContactCtaBtn {
        border: 1px solid transparent !important;
        background:
            radial-gradient(circle at 8% 120%, rgba(34,211,238,.085), transparent 42%) padding-box,
            radial-gradient(circle at 96% -18%, rgba(236,72,153,.065), transparent 42%) padding-box,
            linear-gradient(180deg, rgba(10,19,28,.99), rgba(4,10,16,.995)) padding-box,
            linear-gradient(112deg,
                rgba(34,211,238,.88),
                rgba(34,211,238,.15) 30%,
                rgba(255,255,255,.065) 51%,
                rgba(236,72,153,.16) 72%,
                rgba(236,72,153,.80)
            ) border-box !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.09),
            0 10px 30px rgba(0,0,0,.46),
            -8px 12px 26px rgba(34,211,238,.025),
            8px -12px 26px rgba(236,72,153,.020) !important;
    }

    #finalContactCtaBtn::before {
        display: none !important;
    }

    @media (hover:hover) and (pointer:fine) {
        #finalContactCtaBtn:hover {
            background:
                radial-gradient(circle at 8% 120%, rgba(34,211,238,.12), transparent 42%) padding-box,
                radial-gradient(circle at 96% -18%, rgba(236,72,153,.090), transparent 42%) padding-box,
                linear-gradient(180deg, rgba(14,25,36,.995), rgba(5,12,19,.998)) padding-box,
                linear-gradient(112deg,
                    rgba(34,211,238,1),
                    rgba(34,211,238,.20) 30%,
                    rgba(255,255,255,.09) 51%,
                    rgba(236,72,153,.21) 72%,
                    rgba(236,72,153,.96)
                ) border-box !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.12),
                0 12px 34px rgba(0,0,0,.50),
                -8px 12px 28px rgba(34,211,238,.035),
                8px -12px 28px rgba(236,72,153,.030) !important;
        }
    }

    /* Utilities should stay restrained: don't turn every small control into a CTA. */
    #langSwitcher,
    .cat-tab,
    .hero-control-btn,
    .founder-voice-control,
    #hunterNextScenarioBtn {
        /* intentionally unchanged */
    }

/*
       Header CTA should be the quietest of the main actions.
       Keep NEXIS accent language only as tiny corner signals,
       not as a full cyan/magenta frame.
    */
    #headerContactToggle {
        position: relative !important;
        isolation: isolate;
        overflow: hidden !important;

        border: 1px solid rgba(148,163,184,0.22) !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,0.030) 0%, rgba(255,255,255,0.006) 100%),
            rgba(6,9,13,0.975) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.055),
            0 7px 22px rgba(0,0,0,0.34) !important;

        transform: translateY(0) !important;
    }

    /* cyan accent — lower left */
    #headerContactToggle::before {
        content: "";
        display: block !important;
        position: absolute !important;
        z-index: 1 !important;
        left: 13px !important;
        right: auto !important;
        top: auto !important;
        bottom: 0 !important;
        width: 34px !important;
        height: 1px !important;
        border-radius: 999px !important;
        background: linear-gradient(
            90deg,
            rgba(34,211,238,0.00),
            rgba(34,211,238,0.72)
        ) !important;
        opacity: 0.62 !important;
        pointer-events: none !important;
        transform: none !important;
        transition:
            width 240ms cubic-bezier(.22,1,.36,1),
            opacity 220ms ease !important;
    }

    /* magenta accent — upper right */
    #headerContactToggle::after {
        content: "";
        display: block !important;
        position: absolute !important;
        z-index: 1 !important;
        right: 13px !important;
        left: auto !important;
        top: 0 !important;
        bottom: auto !important;
        width: 30px !important;
        height: 1px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(
            90deg,
            rgba(236,72,153,0.70),
            rgba(236,72,153,0.00)
        ) !important;
        opacity: 0.48 !important;
        pointer-events: none !important;
        transform: none !important;
        transition:
            width 240ms cubic-bezier(.22,1,.36,1),
            opacity 220ms ease !important;
    }

    #headerCtaTitle {
        position: relative;
        z-index: 2;
        color: rgba(248,250,252,0.94) !important;
    }

    @media (hover:hover) and (pointer:fine) {
        #headerContactToggle:hover,
        .header-contact-chooser.is-open #headerContactToggle {
            border-color: rgba(148,163,184,0.34) !important;
            background:
                linear-gradient(180deg, rgba(255,255,255,0.042) 0%, rgba(255,255,255,0.010) 100%),
                rgba(7,11,16,0.985) !important;

            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.075),
                0 9px 26px rgba(0,0,0,0.40),
                -4px 6px 16px rgba(34,211,238,0.018),
                4px -6px 16px rgba(236,72,153,0.014) !important;

            transform: translateY(-1px) !important;
        }

        #headerContactToggle:hover::before,
        .header-contact-chooser.is-open #headerContactToggle::before {
            width: 46px !important;
            opacity: 0.82 !important;
        }

        #headerContactToggle:hover::after,
        .header-contact-chooser.is-open #headerContactToggle::after {
            width: 42px !important;
            opacity: 0.68 !important;
        }
    }

    #headerContactToggle:active {
        transform: translateY(0) !important;
    }

    @media (max-width:639px) {
        #headerContactToggle::before {
            left: 10px !important;
            width: 26px !important;
        }

        #headerContactToggle::after {
            right: 10px !important;
            width: 24px !important;
        }
    }

/* VIDEO CTA — no arrow; text sits on the exact center axis in every format. */
    #videoProjectCta {
        gap: 0 !important;
        text-align: center !important;
        justify-content: center !important;
    }

    #videoProjectCtaText {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
        transform: none !important;
    }

    #videoProjectCta.cta-landscape,
    #videoProjectCta.cta-landscape.is-visible,
    #videoProjectCta.cta-portrait,
    #videoProjectCta.cta-portrait.is-visible {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    /* HEADER CTA — preserve the restrained default state,
       but let the brand colors read more clearly on hover/open. */
    @media (hover:hover) and (pointer:fine) {
        #headerContactToggle:hover,
        .header-contact-chooser.is-open #headerContactToggle {
            border-color: rgba(148,163,184,0.42) !important;
            background:
                radial-gradient(circle at 8% 120%, rgba(34,211,238,0.075), transparent 42%),
                radial-gradient(circle at 96% -18%, rgba(236,72,153,0.060), transparent 42%),
                linear-gradient(180deg, rgba(255,255,255,0.050) 0%, rgba(255,255,255,0.012) 100%),
                rgba(7,11,16,0.990) !important;

            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.090),
                0 10px 28px rgba(0,0,0,0.42),
                -7px 9px 22px rgba(34,211,238,0.045),
                7px -9px 22px rgba(236,72,153,0.035) !important;
        }

        #headerContactToggle:hover::before,
        .header-contact-chooser.is-open #headerContactToggle::before {
            width: 54px !important;
            opacity: 1 !important;
            background: linear-gradient(
                90deg,
                rgba(34,211,238,0.02),
                rgba(34,211,238,0.96)
            ) !important;
        }

        #headerContactToggle:hover::after,
        .header-contact-chooser.is-open #headerContactToggle::after {
            width: 50px !important;
            opacity: 0.90 !important;
            background: linear-gradient(
                90deg,
                rgba(236,72,153,0.94),
                rgba(236,72,153,0.02)
            ) !important;
        }

        #headerContactToggle:hover #headerCtaTitle,
        .header-contact-chooser.is-open #headerCtaTitle {
            color: #fff !important;
        }
    }

/* Header brand accents: almost invisible at rest, richer on hover. */
    .header-brand-link {
        position: relative;
        isolation: isolate;
    }

    .nexis-brand-word {
        position: relative;
        display: inline-block;
        color: rgba(248,250,252,0.96) !important;
    }

    /* 30px hairline under NEXIS: cyan -> magenta, deliberately faint. */
    .nexis-brand-word::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -7px;
        width: 30px;
        height: 1px;
        border-radius: 999px;
        background: linear-gradient(
            90deg,
            rgba(34,211,238,0.72) 0%,
            rgba(226,232,240,0.16) 52%,
            rgba(236,72,153,0.68) 100%
        );
        opacity: 0.26;
        transform-origin: left center;
        transform: scaleX(0.82);
        transition:
            opacity 220ms ease,
            transform 260ms cubic-bezier(.22,1,.36,1),
            filter 220ms ease;
        pointer-events: none;
    }

    /* The slash is the permanent micro brand accent. */
    .nexis-brand-slash {
        display: inline-block;
        background: linear-gradient(135deg, #22d3ee 12%, #94a3b8 50%, #ec4899 88%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent !important;
        opacity: 0.64;
        transform: translateY(-0.15px);
        transition: opacity 220ms ease, filter 220ms ease;
    }

    .nexis-brand-descriptor {
        transition: color 220ms ease, opacity 220ms ease;
    }

    /* A tiny color segment in the header baseline near the brand only. */
    .header-brand-link::after {
        content: "";
        position: absolute;
        left: 1px;
        bottom: -18px;
        width: 56px;
        height: 1px;
        background: linear-gradient(
            90deg,
            rgba(34,211,238,0.36),
            rgba(255,255,255,0.025) 52%,
            rgba(236,72,153,0.26)
        );
        opacity: 0.20;
        filter: blur(0.1px);
        pointer-events: none;
        transition: opacity 220ms ease, width 280ms cubic-bezier(.22,1,.36,1);
    }

    #headerLogoImg {
        transform: translateZ(0);
        filter: none;
        transition:
            transform 260ms cubic-bezier(.22,1,.36,1),
            filter 240ms ease !important;
    }

    @media (hover:hover) and (pointer:fine) {
        .header-brand-link:hover #headerLogoImg {
            transform: translateY(-0.5px) scale(1.018) !important;
            filter:
                drop-shadow(-2px 2px 7px rgba(34,211,238,0.085))
                drop-shadow(2px -2px 7px rgba(236,72,153,0.065)) !important;
        }

        .header-brand-link:hover .nexis-brand-word::after {
            opacity: 0.62;
            transform: scaleX(1);
            filter: brightness(1.12);
        }

        .header-brand-link:hover .nexis-brand-slash {
            opacity: 0.96;
            filter: brightness(1.08);
        }

        .header-brand-link:hover .nexis-brand-descriptor {
            color: rgba(148,163,184,0.72) !important;
        }

        .header-brand-link:hover::after {
            width: 72px;
            opacity: 0.46;
        }
    }

    @media (max-width:639px) {
        .header-brand-link::after {
            bottom: -15px;
            width: 42px;
            opacity: 0.16;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #headerLogoImg,
        .nexis-brand-word::after,
        .nexis-brand-slash,
        .nexis-brand-descriptor,
        .header-brand-link::after {
            transition: none !important;
        }
    }

/* Header social icons — identical optical box and baseline. */
    #headerControlsGroup .hidden.sm\:flex {
        gap: 13px !important;
        align-items: center !important;
    }

    .header-social-link {
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        min-height: 19px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative;
        line-height: 1 !important;
        transform: translateY(0) !important;
        transition: filter 200ms ease, transform 200ms ease;
    }

    .header-social-linkedin .header-social-icon {
        width: 19px !important;
        height: 19px !important;
        transform: none !important;
    }

    .header-social-instagram svg {
        width: 19px !important;
        height: 19px !important;
    }

    /* Match resting contrast so neither icon visually dominates. */
    .header-social-linkedin {
        color: rgba(148,163,184,0.78) !important;
    }

    .header-social-instagram > svg:first-of-type {
        color: rgba(148,163,184,0.78) !important;
    }

    @media (hover:hover) and (pointer:fine) {
        .header-social-linkedin:hover,
        .header-social-instagram:hover {
            filter: brightness(1.1);
            transform: translateY(-0.5px) !important;
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .header-social-link {
            transition: none !important;
        }
    }

/* Chapter indicator: text and progress rail now read as one compact centered unit. */
    #chapterTitleViewport {
        width: 142px !important;
        min-width: 142px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    #chapterTitleWord {
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }

    #chapterSectionProgressTrack {
        left: 50% !important;
        right: auto !important;
        width: 220px !important;
        transform: translateX(-50%) !important;
        bottom: -5px !important;
    }

    @media (max-width: 1100px) {
        #chapterTitleViewport {
            width: 132px !important;
            min-width: 132px !important;
        }

        #chapterSectionProgressTrack {
            width: 208px !important;
        }
    }

/* Chapter indicator — intrinsic width on every chapter.
       The title never sits inside a fixed 142/170px box anymore. */
    #headerChapterIndicator {
        width: max-content !important;
        min-width: 0 !important;
    }

    #chapterIndicatorRow {
        width: max-content !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    #chapterTitleViewport {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
        flex: 0 0 auto !important;
    }

    #chapterTitleWord {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        display: inline-block !important;
        white-space: nowrap !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Tighter separator spacing so short titles don't look detached. */
    #chapterIndicatorRow > .text-white\/20 {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    /* The progress rail always matches the actual content width above it. */
    #chapterSectionProgressTrack {
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        transform: none !important;
        bottom: -5px !important;
    }

    /* Slightly calmer background rail for a cleaner optical baseline. */
    #chapterSectionProgressTrack {
        background: rgba(255,255,255,0.045) !important;
    }

    /* Keep the fill crisp and aligned on all chapter transitions. */
    #chapterSectionProgressFill {
        transform-origin: left center !important;
    }

    @media (max-width: 1100px) {
        #chapterTitleViewport {
            width: auto !important;
            min-width: 0 !important;
        }

        #chapterSectionProgressTrack {
            left: 0 !important;
            right: 0 !important;
            width: auto !important;
        }
    }

@property --entry-hole {
        syntax: '<percentage>';
        inherits: false;
        initial-value: 0%;
    }

    #initSystemOverlay {
        --entry-hole: 0%;
        will-change: opacity, -webkit-mask-image, mask-image;
    }

    #entryActivationBloom,
    #entryCinematicHaze,
    #entryLightPlane {
        position: absolute;
        pointer-events: none;
        opacity: 0;
    }

    #entryActivationBloom {
        z-index: 0;
        left: 50%;
        top: 50%;
        width: min(78vw, 980px);
        aspect-ratio: 1 / .50;
        transform: translate(-50%, -50%) scale(.72);
        border-radius: 50%;
        background: radial-gradient(
            ellipse at 50% 50%,
            rgba(255,255,255,.050) 0%,
            rgba(34,211,238,.045) 20%,
            rgba(34,211,238,.018) 38%,
            rgba(236,72,153,.014) 58%,
            transparent 76%
        );
        filter: blur(18px);
        mix-blend-mode: screen;
    }

    #entryCinematicHaze {
        z-index: 1;
        inset: -14%;
        transform: translate3d(0,18px,0) scale(.94);
        background:
            radial-gradient(ellipse at 35% 55%, rgba(34,211,238,.060) 0%, rgba(34,211,238,.016) 24%, transparent 55%),
            radial-gradient(ellipse at 68% 42%, rgba(236,72,153,.045) 0%, rgba(236,72,153,.012) 25%, transparent 58%),
            radial-gradient(ellipse at 50% 62%, rgba(226,232,240,.025) 0%, transparent 50%);
        filter: blur(34px);
        mix-blend-mode: screen;
    }

    #entryLightPlane {
        z-index: 1;
        left: -12%;
        top: -26%;
        width: 124%;
        height: 24%;
        transform: translate3d(0,-130%,0) rotate(-1.5deg);
        background: linear-gradient(
            180deg,
            transparent 0%,
            rgba(255,255,255,.018) 24%,
            rgba(34,211,238,.035) 42%,
            rgba(255,255,255,.060) 50%,
            rgba(236,72,153,.026) 58%,
            rgba(255,255,255,.012) 72%,
            transparent 100%
        );
        filter: blur(22px);
        mix-blend-mode: screen;
    }

    #initSystemOverlay .entry-status,
    #initSystemOverlay #initSystemBtn {
        z-index: 4 !important;
    }

    #initSystemOverlay.entry-activating #entryActivationBloom {
        animation: nexisActivationBloomV90 1280ms cubic-bezier(.16,1,.3,1) both;
    }

    #initSystemOverlay.entry-activating #entryCinematicHaze {
        animation: nexisActivationHazeV90 1550ms cubic-bezier(.16,1,.3,1) both;
    }

    #initSystemOverlay.entry-activating #entryLightPlane {
        animation: nexisActivationPlaneV90 980ms cubic-bezier(.22,1,.36,1) 300ms both;
    }

    @keyframes nexisActivationBloomV90 {
        0% { opacity: 0; transform: translate(-50%,-50%) scale(.70); }
        26% { opacity: .42; }
        58% { opacity: .72; transform: translate(-50%,-50%) scale(1.02); }
        100% { opacity: .14; transform: translate(-50%,-50%) scale(1.18); }
    }

    @keyframes nexisActivationHazeV90 {
        0% { opacity: 0; transform: translate3d(0,18px,0) scale(.94); }
        30% { opacity: .34; }
        68% { opacity: .52; transform: translate3d(0,-4px,0) scale(1.02); }
        100% { opacity: .16; transform: translate3d(0,-14px,0) scale(1.08); }
    }

    @keyframes nexisActivationPlaneV90 {
        0% { opacity: 0; transform: translate3d(0,-130%,0) rotate(-1.5deg); }
        15% { opacity: .42; }
        54% { opacity: .68; }
        100% { opacity: 0; transform: translate3d(0,590%,0) rotate(-1.5deg); }
    }

    #initSystemOverlay.entry-verified .entry-status {
        opacity: 1 !important;
        color: rgba(226,232,240,.82) !important;
        letter-spacing: .16em;
    }

    #initSystemOverlay.entry-verified .entry-status-dot {
        width: 18px !important;
        height: 1px !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, rgba(34,211,238,.92), rgba(226,232,240,.56) 52%, rgba(236,72,153,.82)) !important;
        box-shadow: none !important;
        transform: scale(1) !important;
        opacity: .92 !important;
    }

    #initSystemOverlay.entry-exiting #initSystemBtn,
    #initSystemOverlay.entry-exiting .entry-status {
        opacity: 0 !important;
        transition: opacity 260ms ease !important;
    }

    #initSystemOverlay.entry-exiting {
        pointer-events: none !important;
        -webkit-mask-image: radial-gradient(circle at 50% 50%, transparent 0 var(--entry-hole), #000 calc(var(--entry-hole) + 9%) 100%);
        mask-image: radial-gradient(circle at 50% 50%, transparent 0 var(--entry-hole), #000 calc(var(--entry-hole) + 9%) 100%);
        animation: nexisEntryDissolveV90 650ms cubic-bezier(.22,1,.36,1) both;
    }

    @keyframes nexisEntryDissolveV90 {
        0% { --entry-hole: 0%; opacity: 1; }
        64% { --entry-hole: 70%; opacity: .94; }
        100% { --entry-hole: 128%; opacity: 0; }
    }

    @media (max-width: 639px) {
        #entryActivationBloom { width: 118vw; filter: blur(14px); }
        #entryCinematicHaze { inset: -8%; filter: blur(24px); }
        #entryLightPlane { width: 136%; left: -18%; filter: blur(18px); }
    }

    @media (prefers-reduced-motion: reduce) {
        #initSystemOverlay.entry-activating #entryActivationBloom,
        #initSystemOverlay.entry-activating #entryCinematicHaze,
        #initSystemOverlay.entry-activating #entryLightPlane {
            animation: none !important;
        }
        #initSystemOverlay.entry-exiting {
            -webkit-mask-image: none !important;
            mask-image: none !important;
            animation: none !important;
            opacity: 0 !important;
            transition: opacity 300ms ease !important;
        }
    }

/*
       V91 — gallery-first entrance.
       No scanner flash, no fast fog pulses.
       The goal is: CLICK -> VERIFIED -> SHOWCASE HOLDS -> BORK MOVES OUT -> VIDEO.
    */

    /* Cancel the V90 fast-moving FX that read as "blinking". */
    #initSystemOverlay.entry-activating #entryActivationBloom,
    #initSystemOverlay.entry-activating #entryCinematicHaze,
    #initSystemOverlay.entry-activating #entryLightPlane {
        animation: none !important;
    }

    #entryLightPlane {
        display: none !important;
    }

    /* One restrained volumetric field only. */
    #entryActivationBloom {
        display: block !important;
        z-index: 0 !important;
        opacity: 0 !important;
        width: min(82vw, 1040px) !important;
        transform: translate(-50%, -50%) scale(.86) !important;
        filter: blur(30px) !important;
        background:
            radial-gradient(
                ellipse at 50% 52%,
                rgba(255,255,255,.034) 0%,
                rgba(34,211,238,.028) 22%,
                rgba(34,211,238,.010) 40%,
                rgba(236,72,153,.010) 62%,
                transparent 78%
            ) !important;
        transition:
            opacity 900ms cubic-bezier(.22,1,.36,1),
            transform 1400ms cubic-bezier(.22,1,.36,1) !important;
    }

    #entryCinematicHaze {
        display: block !important;
        z-index: 1 !important;
        inset: -10% !important;
        opacity: 0 !important;
        filter: blur(52px) !important;
        transform: translate3d(0, 10px, 0) scale(.98) !important;
        background:
            radial-gradient(ellipse at 28% 58%, rgba(34,211,238,.030) 0%, transparent 43%),
            radial-gradient(ellipse at 72% 40%, rgba(236,72,153,.024) 0%, transparent 46%),
            radial-gradient(ellipse at 50% 56%, rgba(226,232,240,.018) 0%, transparent 52%) !important;
        transition:
            opacity 1000ms ease,
            transform 1800ms cubic-bezier(.22,1,.36,1) !important;
    }

    #initSystemOverlay.entry-activating #entryActivationBloom {
        opacity: .68 !important;
        transform: translate(-50%, -50%) scale(1) !important;
    }

    #initSystemOverlay.entry-activating #entryCinematicHaze {
        opacity: .42 !important;
        transform: translate3d(0, 0, 0) scale(1.025) !important;
    }

    /*
       Important: reveal the site THROUGH the overlay instead of flashing it away.
       This lets the viewer actually register the three-card showcase.
    */
    #initSystemOverlay {
        background-color: rgba(3,3,5,1) !important;
        transition:
            background-color 900ms cubic-bezier(.22,1,.36,1),
            opacity 700ms cubic-bezier(.22,1,.36,1) !important;
    }

    #initSystemOverlay.entry-gallery-open {
        background-color: rgba(3,3,5,.47) !important;
    }

    #initSystemOverlay.entry-gallery-open #entryAmbientGrid {
        opacity: .14 !important;
    }

    #initSystemOverlay.entry-gallery-open #entryAmbientHalo {
        opacity: .48 !important;
    }

    /* Button has done its job: remove it quietly before the showcase is presented. */
    #initSystemOverlay.entry-gallery-open #initSystemBtn {
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity 420ms ease !important;
    }

    #initSystemOverlay.entry-verified .entry-status {
        opacity: 1 !important;
        color: rgba(226,232,240,.84) !important;
        letter-spacing: .16em !important;
        transition: opacity 360ms ease, color 260ms ease !important;
    }

    #initSystemOverlay.entry-verified .entry-status-dot {
        width: 18px !important;
        height: 1px !important;
        border-radius: 999px !important;
        background: linear-gradient(
            90deg,
            rgba(34,211,238,.92),
            rgba(226,232,240,.48) 50%,
            rgba(236,72,153,.82)
        ) !important;
        box-shadow: none !important;
        opacity: .88 !important;
    }

    #initSystemOverlay.entry-gallery-presented .entry-status {
        opacity: 0 !important;
    }

    /*
       Final phase: the gallery is already transforming.
       The scrim becomes almost invisible, then leaves completely.
    */
    #initSystemOverlay.entry-video-emerging {
        background-color: rgba(3,3,5,.14) !important;
    }

    #initSystemOverlay.entry-video-emerging #entryActivationBloom,
    #initSystemOverlay.entry-video-emerging #entryCinematicHaze {
        opacity: .12 !important;
    }

    #initSystemOverlay.entry-exiting-v91 {
        opacity: 0 !important;
        pointer-events: none !important;
        background-color: rgba(3,3,5,0) !important;
    }

    /* Disable V90 radial-hole mask on this version; it was the main "blink". */
    #initSystemOverlay.entry-exiting,
    #initSystemOverlay.entry-exiting-v91 {
        -webkit-mask-image: none !important;
        mask-image: none !important;
        animation: none !important;
    }

    @media (max-width: 639px) {
        #entryActivationBloom {
            width: 116vw !important;
            filter: blur(24px) !important;
        }

        #entryCinematicHaze {
            inset: -6% !important;
            filter: blur(38px) !important;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #entryActivationBloom,
        #entryCinematicHaze,
        #initSystemOverlay {
            transition-duration: 240ms !important;
        }
    }

/*
       V92 — remove every flash-like cue from the activation.
       BORK/gallery choreography from V91 is intentionally preserved.
    */

    /* No bloom, no moving light plane, no fog pulse. */
    #entryActivationBloom,
    #entryCinematicHaze,
    #entryLightPlane {
        display: none !important;
        animation: none !important;
        opacity: 0 !important;
    }

    /* Keep the entry environment stable and expensive-looking. */
    #entryAmbientHalo,
    #entryAmbientGrid {
        animation: none !important;
    }

    #initSystemOverlay.entry-activating #entryAmbientHalo {
        opacity: .42 !important;
        transition: opacity 1200ms cubic-bezier(.22,1,.36,1) !important;
    }

    #initSystemOverlay.entry-activating #entryAmbientGrid {
        opacity: .18 !important;
        transition: opacity 1200ms ease !important;
    }

    /*
       The button keeps the V80 design, but click feedback is now a slow
       restrained edge response instead of a brightness pulse.
    */
    #initSystemOverlay.entry-activating #entryScanBorder {
        animation: nexisEntryQuietEdgeV92 900ms cubic-bezier(.22,1,.36,1) 1 !important;
        filter: none !important;
    }

    @keyframes nexisEntryQuietEdgeV92 {
        0%   { opacity: .70; }
        45%  { opacity: .96; }
        100% { opacity: .74; }
    }

    #initSystemOverlay.entry-activating #entryButtonSheen {
        animation: none !important;
        opacity: .26 !important;
        transition: opacity 700ms ease !important;
    }

    #initSystemOverlay.entry-activating #initSystemBtn {
        box-shadow:
            0 14px 40px rgba(0,0,0,.60),
            -5px 7px 18px rgba(34,211,238,.025),
            5px -7px 18px rgba(236,72,153,.020),
            inset 0 1px 0 rgba(255,255,255,.055) !important;
        transition:
            opacity 520ms ease,
            background 420ms ease,
            border-color 420ms ease,
            box-shadow 520ms ease !important;
    }

    /* Slow cinematic reveal of the gallery — never a brightness jump. */
    #initSystemOverlay {
        background-color: rgba(3,3,5,1) !important;
        transition:
            background-color 1350ms cubic-bezier(.22,1,.36,1),
            opacity 850ms cubic-bezier(.22,1,.36,1) !important;
    }

    #initSystemOverlay.entry-gallery-open {
        background-color: rgba(3,3,5,.58) !important;
    }

    #initSystemOverlay.entry-gallery-open #initSystemBtn {
        opacity: 0 !important;
        transition: opacity 520ms ease !important;
    }

    #initSystemOverlay.entry-gallery-presented {
        background-color: rgba(3,3,5,.42) !important;
    }

    #initSystemOverlay.entry-video-emerging {
        background-color: rgba(3,3,5,.18) !important;
    }

    #initSystemOverlay.entry-exiting-v91 {
        background-color: rgba(3,3,5,0) !important;
        opacity: 0 !important;
        transition:
            background-color 850ms cubic-bezier(.22,1,.36,1),
            opacity 850ms cubic-bezier(.22,1,.36,1) !important;
    }

    /* Verification stays readable, not blinking. */
    #initSystemOverlay.entry-verified .entry-status {
        opacity: 1 !important;
        transition:
            opacity 420ms ease,
            color 320ms ease !important;
    }

    #initSystemOverlay.entry-gallery-presented .entry-status {
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 260ms ease !important;
    }

    @media (prefers-reduced-motion: reduce) {
        #initSystemOverlay,
        #initSystemBtn,
        #entryScanBorder,
        #entryButtonSheen,
        #entryAmbientHalo,
        #entryAmbientGrid {
            animation: none !important;
            transition-duration: 240ms !important;
        }
    }

/* Incoming task marker — concept 01:
       two precise NEXIS diagonal strokes instead of a generic > glyph. */
    #taskIcon.nexis-task-marker {
        position: relative;
        display: inline-block !important;
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
        overflow: visible;
    }

    .nexis-task-marker-line {
        position: absolute;
        left: 2px;
        width: 11px;
        height: 2px;
        border-radius: 999px;
        transform: rotate(38deg);
        transform-origin: center;
        pointer-events: none;
    }

    .nexis-task-marker-line-magenta {
        top: 3.2px;
        background: linear-gradient(
            90deg,
            rgba(241,179,200,0.92),
            rgba(236,72,153,1)
        );
        box-shadow: 0 0 7px rgba(236,72,153,0.16);
    }

    .nexis-task-marker-line-cyan {
        bottom: 3.2px;
        background: linear-gradient(
            90deg,
            rgba(103,232,249,1),
            rgba(34,211,238,0.88)
        );
        box-shadow: 0 0 7px rgba(34,211,238,0.14);
    }

    /* Optical alignment with the task copy. */
    #heroIncomingCard #taskIcon {
        transform: translateY(-0.5px);
    }

    @media (max-width: 639px) {
        #taskIcon.nexis-task-marker {
            width: 15px !important;
            height: 15px !important;
            flex-basis: 15px !important;
        }

        .nexis-task-marker-line {
            left: 2px;
            width: 10px;
            height: 1.8px;
        }
    }

/*
       Header contact control:
       collapsed = START PROJECT
       open      = one morphing shell split into TELEGRAM | WHATSAPP
       No dropdown card below.
    */

    #headerContactChooser {
        --morph-collapsed-width: 204px;
        --morph-open-width: 320px;
        position: relative !important;
        width: var(--morph-collapsed-width) !important;
        flex: 0 0 var(--morph-collapsed-width) !important;
        height: 46px !important;
        transition:
            width 320ms cubic-bezier(.22,1,.36,1),
            flex-basis 320ms cubic-bezier(.22,1,.36,1) !important;
    }

    #headerContactChooser.is-open {
        width: var(--morph-open-width) !important;
        flex-basis: var(--morph-open-width) !important;
    }

    /* Initial CTA remains the same premium button, but now dissolves into the split control. */
    #headerContactToggle {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        z-index: 2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
        transition:
            opacity 170ms ease,
            visibility 170ms ease,
            background 220ms ease,
            border-color 220ms ease,
            box-shadow 240ms ease !important;
    }

    #headerContactChevron {
        display: none !important;
    }

    #headerContactChooser.is-open #headerContactToggle {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(0) !important;
    }

    /*
       The old dropdown is repurposed as the second state of the SAME control.
       It occupies exactly the button footprint instead of appearing underneath.
    */
    #headerContactMenu {
        position: absolute !important;
        z-index: 3 !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        bottom: auto !important;

        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 !important;

        display: grid !important;
        grid-template-columns: 1fr 1px 1fr !important;
        align-items: stretch !important;

        border-radius: 12px !important;
        border: 1px solid transparent !important;

        background:
            radial-gradient(circle at 5% 125%, rgba(34,211,238,.080), transparent 42%) padding-box,
            radial-gradient(circle at 97% -25%, rgba(236,72,153,.055), transparent 44%) padding-box,
            linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.007)) padding-box,
            rgba(6,9,13,.985) padding-box,
            linear-gradient(
                112deg,
                rgba(34,211,238,.76) 0%,
                rgba(34,211,238,.13) 28%,
                rgba(255,255,255,.060) 50%,
                rgba(236,72,153,.14) 73%,
                rgba(236,72,153,.72) 100%
            ) border-box !important;

        -webkit-backdrop-filter: blur(18px) !important;
        backdrop-filter: blur(18px) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.070),
            0 10px 30px rgba(0,0,0,.42),
            -6px 9px 22px rgba(34,211,238,.025),
            6px -9px 22px rgba(236,72,153,.022) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: none !important;
        transform-origin: center !important;

        transition:
            opacity 190ms ease 70ms,
            visibility 190ms ease 70ms,
            background 240ms ease,
            box-shadow 240ms ease !important;
    }

    #headerContactChooser.is-open #headerContactMenu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    /* Center divider is generated as the third grid track. */
    #headerContactMenu::before {
        content: "";
        grid-column: 2;
        grid-row: 1;
        width: 1px;
        height: 22px;
        align-self: center;
        justify-self: center;
        background: linear-gradient(
            180deg,
            transparent,
            rgba(148,163,184,.28) 28%,
            rgba(255,255,255,.18) 50%,
            rgba(148,163,184,.24) 72%,
            transparent
        );
        pointer-events: none;
    }

    #headerContactTelegram {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #headerContactWhatsApp {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }

    #headerContactMenu .header-contact-option {
        position: relative !important;
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 15px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;

        border-radius: 11px !important;
        background: transparent !important;
        color: rgba(203,213,225,.84) !important;

        font-family: 'Syne', sans-serif !important;
        font-size: 10.2px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: .075em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;

        transform: none !important;
        overflow: hidden;
        isolation: isolate;

        transition:
            color 210ms ease,
            background 230ms ease,
            opacity 210ms ease !important;
    }

    #headerContactMenu .header-contact-option > span:last-child {
        min-width: 0 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    /* Icons are no longer sitting inside cheap-looking mini boxes. */
    #headerContactMenu .header-contact-icon {
        width: 14px !important;
        height: 14px !important;
        flex: 0 0 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transition:
            color 210ms ease,
            opacity 210ms ease,
            filter 210ms ease !important;
    }

    #headerContactMenu .header-contact-icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    #headerContactTelegram .header-contact-icon {
        color: rgba(56,189,248,.82) !important;
    }

    #headerContactWhatsApp .header-contact-icon {
        color: rgba(74,222,128,.72) !important;
    }

    /* Fine accent line under each communication channel. */
    #headerContactMenu .header-contact-option::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 4px;
        height: 1px;
        width: 24px;
        transform: translateX(-50%) scaleX(.72);
        transform-origin: center;
        border-radius: 999px;
        opacity: .34;
        transition:
            width 240ms cubic-bezier(.22,1,.36,1),
            transform 240ms cubic-bezier(.22,1,.36,1),
            opacity 220ms ease !important;
        pointer-events: none;
    }

    #headerContactTelegram::after {
        background: linear-gradient(
            90deg,
            transparent,
            rgba(56,189,248,.92),
            transparent
        ) !important;
    }

    #headerContactWhatsApp::after {
        background: linear-gradient(
            90deg,
            transparent,
            rgba(74,222,128,.82),
            transparent
        ) !important;
    }

    @media (hover:hover) and (pointer:fine) {
        #headerContactTelegram:hover {
            color: #fff !important;
            background:
                radial-gradient(circle at 50% 120%, rgba(56,189,248,.11), transparent 62%),
                rgba(56,189,248,.018) !important;
        }

        #headerContactWhatsApp:hover {
            color: #fff !important;
            background:
                radial-gradient(circle at 50% 120%, rgba(74,222,128,.095), transparent 62%),
                rgba(74,222,128,.016) !important;
        }

        #headerContactTelegram:hover .header-contact-icon {
            color: #67e8f9 !important;
            filter: drop-shadow(0 0 6px rgba(56,189,248,.25));
        }

        #headerContactWhatsApp:hover .header-contact-icon {
            color: #86efac !important;
            filter: drop-shadow(0 0 6px rgba(74,222,128,.20));
        }

        #headerContactMenu .header-contact-option:hover::after {
            width: 42px;
            transform: translateX(-50%) scaleX(1);
            opacity: .88;
        }

        /* When one half is selected by hover, the other half recedes subtly. */
        #headerContactMenu:has(#headerContactTelegram:hover) #headerContactWhatsApp,
        #headerContactMenu:has(#headerContactWhatsApp:hover) #headerContactTelegram {
            opacity: .64 !important;
        }
    }

    /* Remove the old hover bridge because there is no dropdown below anymore. */
    #headerContactChooser::after {
        display: none !important;
    }

    @media (max-width: 767px) {
        /*
           On narrow screens keep the header layout stable.
           The split state expands leftward over its own area instead of pushing the row.
        */
        #headerContactChooser {
            --morph-collapsed-width: 142px;
            --morph-open-width: 142px;
            width: 142px !important;
            flex: 0 0 142px !important;
        }

        #headerContactChooser.is-open {
            width: 142px !important;
            flex-basis: 142px !important;
        }

        #headerContactMenu {
            width: 244px !important;
            right: 0 !important;
            left: auto !important;
        }

        #headerContactMenu .header-contact-option {
            padding: 0 10px !important;
            gap: 6px !important;
            font-size: 9.2px !important;
            letter-spacing: .055em !important;
        }

        #headerContactMenu .header-contact-icon {
            width: 13px !important;
            height: 13px !important;
            flex-basis: 13px !important;
        }

        #headerContactMenu .header-contact-icon svg {
            width: 12px !important;
            height: 12px !important;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #headerContactChooser,
        #headerContactToggle,
        #headerContactMenu,
        #headerContactMenu .header-contact-option,
        #headerContactMenu .header-contact-option::after {
            transition-duration: 1ms !important;
        }
    }

/*
       One-shot brand light impulse:
       calm cyan -> white -> magenta sweep across the NEXIS brand line,
       only during the first entrance and before HERO headlines appear.
    */

    .header-brand-link {
        position: relative !important;
        isolation: isolate;
        overflow: visible;
    }

    #headerBrandIntroPulse {
        position: absolute;
        z-index: 4;
        left: -8px;
        right: -10px;
        top: 50%;
        height: 34px;
        transform: translateY(-50%);
        overflow: hidden;
        border-radius: 8px;
        pointer-events: none;
        opacity: 0;
    }

    .header-brand-intro-beam {
        position: absolute;
        top: 3px;
        bottom: 3px;
        left: 0;
        width: 92px;
        transform: translate3d(-125%,0,0) skewX(-12deg);
        opacity: 0;

        background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(34,211,238,0.00) 10%,
            rgba(34,211,238,0.18) 27%,
            rgba(103,232,249,0.46) 40%,
            rgba(248,250,252,0.60) 50%,
            rgba(244,114,182,0.38) 62%,
            rgba(236,72,153,0.15) 76%,
            transparent 100%
        );

        filter: blur(4px);
        mix-blend-mode: screen;
        will-change: transform, opacity;
    }

    .header-brand-intro-rail {
        position: absolute;
        left: 0;
        bottom: 1px;
        width: 76px;
        height: 1px;
        transform: translate3d(-135%,0,0);
        opacity: 0;
        border-radius: 999px;

        background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(34,211,238,0.92) 30%,
            rgba(226,232,240,0.70) 50%,
            rgba(236,72,153,0.86) 72%,
            transparent 100%
        );

        box-shadow:
            0 0 7px rgba(34,211,238,0.13),
            0 0 7px rgba(236,72,153,0.10);
        will-change: transform, opacity;
    }

    .header-brand-link.intro-light-pass #headerBrandIntroPulse {
        opacity: 1;
    }

    .header-brand-link.intro-light-pass .header-brand-intro-beam {
        animation: nexisBrandBeamPassV95 860ms cubic-bezier(.18,.72,.22,1) 1 both;
    }

    .header-brand-link.intro-light-pass .header-brand-intro-rail {
        animation: nexisBrandRailPassV95 860ms cubic-bezier(.18,.72,.22,1) 1 both;
    }

    /* The actual brand gets only a tiny brightness lift while the beam crosses. */
    .header-brand-link.intro-light-pass #headerLogoImg,
    .header-brand-link.intro-light-pass #navStudioSub1 {
        animation: nexisBrandContentLiftV95 860ms cubic-bezier(.22,1,.36,1) 1 both;
    }

    @keyframes nexisBrandBeamPassV95 {
        0% {
            transform: translate3d(-125%,0,0) skewX(-12deg);
            opacity: 0;
        }
        14% {
            opacity: .28;
        }
        46% {
            opacity: .62;
        }
        74% {
            opacity: .34;
        }
        100% {
            transform: translate3d(calc(100% + 430px),0,0) skewX(-12deg);
            opacity: 0;
        }
    }

    @keyframes nexisBrandRailPassV95 {
        0% {
            transform: translate3d(-135%,0,0);
            opacity: 0;
        }
        16% {
            opacity: .50;
        }
        48% {
            opacity: .95;
        }
        76% {
            opacity: .48;
        }
        100% {
            transform: translate3d(calc(100% + 450px),0,0);
            opacity: 0;
        }
    }

    @keyframes nexisBrandContentLiftV95 {
        0%, 100% {
            filter: brightness(1);
        }
        44% {
            filter:
                brightness(1.14)
                drop-shadow(-1px 1px 5px rgba(34,211,238,0.045))
                drop-shadow(1px -1px 5px rgba(236,72,153,0.035));
        }
    }

    /* Mobile: same idea, shortened to the logo only. */
    @media (max-width: 639px) {
        #headerBrandIntroPulse {
            left: -5px;
            right: -4px;
            height: 30px;
        }

        .header-brand-intro-beam {
            width: 58px;
        }

        .header-brand-intro-rail {
            width: 46px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .header-brand-link.intro-light-pass .header-brand-intro-beam,
        .header-brand-link.intro-light-pass .header-brand-intro-rail,
        .header-brand-link.intro-light-pass #headerLogoImg,
        .header-brand-link.intro-light-pass #navStudioSub1 {
            animation: none !important;
        }

        #headerBrandIntroPulse {
            display: none !important;
        }
    }

/*
       V96 motion pass:
       slower where the eye must read, no abrupt brightness jumps,
       and the same restrained motion language across the site.
    */

    /* Brand pass: motion only on overlay layers, never on the actual text/logo. */
    .header-brand-link.intro-light-pass .header-brand-intro-beam {
        animation: nexisBrandBeamPassV96 1000ms cubic-bezier(.18,.72,.22,1) 1 both !important;
    }

    .header-brand-link.intro-light-pass .header-brand-intro-rail {
        animation: nexisBrandRailPassV96 1000ms cubic-bezier(.18,.72,.22,1) 1 both !important;
    }

    .header-brand-link.intro-light-pass #headerLogoImg,
    .header-brand-link.intro-light-pass #navStudioSub1 {
        animation: none !important;
        filter: none !important;
    }

    @keyframes nexisBrandBeamPassV96 {
        0%   { transform: translate3d(-125%,0,0) skewX(-12deg); opacity: 0; }
        16%  { opacity: .22; }
        46%  { opacity: .50; }
        76%  { opacity: .25; }
        100% { transform: translate3d(calc(100% + 430px),0,0) skewX(-12deg); opacity: 0; }
    }

    @keyframes nexisBrandRailPassV96 {
        0%   { transform: translate3d(-135%,0,0); opacity: 0; }
        18%  { opacity: .42; }
        50%  { opacity: .82; }
        78%  { opacity: .38; }
        100% { transform: translate3d(calc(100% + 450px),0,0); opacity: 0; }
    }

    /* Hunter shimmer: more readable, less "UI demo". */
    @keyframes scanShimmerV96 {
        0%   { transform: translateX(-120%); opacity: 0; }
        38%  { opacity: .58; }
        100% { transform: translateX(220%); opacity: 0; }
    }

    .scan-shimmer-run {
        animation: scanShimmerV96 1.25s cubic-bezier(.16,1,.3,1) forwards !important;
    }

    /* Morph contact control: read as one object changing state. */
    #headerContactChooser {
        transition:
            width 380ms cubic-bezier(.22,1,.36,1),
            flex-basis 380ms cubic-bezier(.22,1,.36,1) !important;
    }

    #headerContactToggle {
        transition:
            opacity 190ms ease,
            visibility 190ms ease,
            background 260ms ease,
            border-color 260ms ease,
            box-shadow 280ms ease !important;
    }

    #headerContactMenu {
        transition:
            opacity 250ms ease 120ms,
            visibility 250ms ease 120ms,
            background 280ms ease,
            box-shadow 280ms ease !important;
    }

    #headerContactMenu .header-contact-option {
        transition:
            color 260ms ease,
            background 280ms ease,
            opacity 260ms ease !important;
    }

    #headerContactMenu .header-contact-option::after {
        transition:
            width 280ms cubic-bezier(.22,1,.36,1),
            transform 280ms cubic-bezier(.22,1,.36,1),
            opacity 260ms ease !important;
    }

    /* Give the 3D card a stable GPU surface. */
    #holoCard {
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        transform-style: preserve-3d;
    }

    /* Chapter text should not have an older 200ms utility transition fighting JS. */
    #chapterUnitDigit,
    #chapterTitleWord {
        transition-duration: 300ms !important;
    }

    @media (prefers-reduced-motion: reduce) {
        #holoCard {
            transform: none !important;
        }

        .scan-shimmer-run,
        .header-brand-link.intro-light-pass .header-brand-intro-beam,
        .header-brand-link.intro-light-pass .header-brand-intro-rail {
            animation: none !important;
        }
    }

/*
       V98 — one motion language for all four HERO lines.
       Same effect everywhere: opacity + soft focus + 3px vertical settle.
       No mask reveal, no light sweep, no extra headline-specific tricks.
    */

    #heroPreTag,
    #heroMainWord1,
    #heroMainWord2,
    #heroSubline {
        will-change: opacity, transform, filter;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    #heroPreTag.hero-unified-reveal,
    #heroMainWord1.hero-unified-reveal,
    #heroMainWord2.hero-unified-reveal,
    #heroSubline.hero-unified-reveal {
        animation: nexisHeroUnifiedRevealV98 700ms cubic-bezier(.16,1,.3,1) both !important;
    }

    @keyframes nexisHeroUnifiedRevealV98 {
        0% {
            opacity: 0;
            filter: blur(4px);
            transform: translate3d(0, 3px, 0);
        }

        56% {
            opacity: .86;
            filter: blur(1.2px);
        }

        100% {
            opacity: 1;
            filter: blur(0);
            transform: translate3d(0, 0, 0);
        }
    }

    /*
       Preserve the actual typography and gradients.
       The accent word keeps its static pink gradient only — no animated light pass.
    */
    #heroMainWord1.brand-magenta-gradient {
        background: linear-gradient(135deg, #ffffff 15%, #ff2a6d 70%, #d8004b 100%) !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
    }

    [data-lang="en"] #heroMainWord1.hero-unified-reveal .en-headline-line,
    [data-lang="en"] #heroMainWord2.hero-unified-reveal .en-headline-line {
        transform: none !important;
        filter: none !important;
    }

    @media (max-width: 639px) {
        #heroPreTag.hero-unified-reveal,
        #heroMainWord1.hero-unified-reveal,
        #heroMainWord2.hero-unified-reveal,
        #heroSubline.hero-unified-reveal {
            animation-duration: 660ms !important;
        }

        @keyframes nexisHeroUnifiedRevealV98 {
            0% {
                opacity: 0;
                filter: blur(3.2px);
                transform: translate3d(0, 2px, 0);
            }

            56% {
                opacity: .88;
                filter: blur(1px);
            }

            100% {
                opacity: 1;
                filter: blur(0);
                transform: translate3d(0, 0, 0);
            }
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #heroPreTag.hero-unified-reveal,
        #heroMainWord1.hero-unified-reveal,
        #heroMainWord2.hero-unified-reveal,
        #heroSubline.hero-unified-reveal {
            animation: none !important;
            opacity: 1 !important;
            transform: none !important;
            filter: none !important;
        }
    }

    #chapterIndicatorRow {
        width: 286px !important;
        min-width: 286px !important;
        max-width: 286px !important;
        justify-content: flex-start !important;
        align-items: center !important;
        white-space: nowrap !important;
    }

    /* 0 + changing unit + /05 stay optically locked. */
    #chapterIndicatorRow > span:first-child {
        width: 9px !important;
        flex: 0 0 9px !important;
        text-align: left !important;
    }

    #chapterIndicatorRow > span:nth-child(3) {
        width: 42px !important;
        min-width: 42px !important;
        flex: 0 0 42px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    #chapterIndicatorRow > .text-white\/20 {
        width: 22px !important;
        min-width: 22px !important;
        flex: 0 0 22px !important;
        margin: 0 !important;
        text-align: center !important;
    }

    #chapterTitleViewport {
        width: 202px !important;
        min-width: 202px !important;
        max-width: 202px !important;
        flex: 0 0 202px !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
    }

    #chapterTitleWord {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    /*
       The rail is now global page progress.
       It never resets when the active chapter changes.
    */
    #chapterSectionProgressTrack {
        left: 0 !important;
        right: auto !important;
        width: 286px !important;
        height: 1px !important;
        bottom: -5px !important;
        transform: none !important;
        background: rgba(255,255,255,0.045) !important;
        overflow: hidden !important;
    }

    #chapterSectionProgressFill {
        width: 100% !important;
        height: 100% !important;
        transform: scaleX(0);
        transform-origin: left center !important;
        transition: transform 90ms linear !important;
        will-change: transform;
    }

    /*
       Chapter changes should be almost invisible:
       simple crossfade, no vertical slide.
    */
    #chapterUnitDigit,
    #chapterTitleWord {
        transform: none !important;
        transition:
            opacity 220ms cubic-bezier(.22,1,.36,1) !important;
        will-change: opacity;
    }

    @media (max-width: 1100px) {

        #chapterSectionProgressTrack {
            width: 270px !important;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #chapterSectionProgressFill,
        #chapterUnitDigit,
        #chapterTitleWord {
            transition: none !important;
        }
    }

/* The compact chapter label is now visually centered and static in geometry. */
    #headerChapterIndicator {
        width: 286px !important;
        min-width: 286px !important;
        max-width: 286px !important;
    }

    #chapterIndicatorRow {
        width: 286px !important;
        min-width: 286px !important;
        max-width: 286px !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    #chapterTitleViewport {
        width: 202px !important;
        min-width: 202px !important;
        max-width: 202px !important;
        flex: 0 0 202px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    #chapterTitleWord {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    /* Remove the local progress rail completely. */
    #chapterSectionProgressTrack,
    #chapterSectionProgressFill {
        display: none !important;
    }

    /*
       The one and only progress signal is now the full header baseline.
       Base line stays neutral; the colored fill grows across the whole header.
    */
    #scrollProgressBar {
        width: 100% !important;
        height: 1px !important;
        transform: scaleX(0);
        transform-origin: left center !important;
        background: linear-gradient(
            90deg,
            rgba(217,74,120,0.92) 0%,
            rgba(241,179,200,0.88) 45%,
            rgba(103,232,249,0.88) 78%,
            rgba(34,211,238,0.92) 100%
        ) !important;
        opacity: 0.92 !important;
        box-shadow:
            0 0 7px rgba(217,74,120,0.05),
            0 0 7px rgba(34,211,238,0.05) !important;
        transition: transform 90ms linear !important;
        will-change: transform;
    }

    @media (max-width: 1100px) {
        #headerChapterIndicator,
        #chapterIndicatorRow {
            width: 270px !important;
            min-width: 270px !important;
            max-width: 270px !important;
        }

        #chapterTitleViewport {
            width: 186px !important;
            min-width: 186px !important;
            max-width: 186px !important;
            flex-basis: 186px !important;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #scrollProgressBar {
            transition: none !important;
        }
    }

/*
       Compact fixed chapter label.
       Geometry never changes between ВИТРИНА / ПОДХОД / СИСТЕМА /
       СОТРУДНИЧЕСТВО / КОНТАКТ, but there is no empty visual gap after the dash.
    */
    #headerChapterIndicator,
    #chapterIndicatorRow {
        width: 236px !important;
        min-width: 236px !important;
        max-width: 236px !important;
    }

    #chapterIndicatorRow {
        justify-content: flex-start !important;
        align-items: center !important;
    }

    #chapterIndicatorRow > span:nth-child(3) {
        width: 42px !important;
        min-width: 42px !important;
        flex: 0 0 42px !important;
        margin: 0 !important;
        text-align: left !important;
    }

    /* Fixed title zone, but copy starts immediately after the separator. */
    #chapterTitleViewport {
        width: 155px !important;
        min-width: 155px !important;
        max-width: 155px !important;
        flex: 0 0 155px !important;
        justify-content: flex-start !important;
        text-align: left !important;
        overflow: hidden !important;
    }

    #chapterTitleWord {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    /* Keep the complete unit centered in the header. */
    #headerChapterIndicator {
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    @media (max-width: 1100px) {

        #chapterTitleViewport {
            width: 155px !important;
            min-width: 155px !important;
            max-width: 155px !important;
            flex-basis: 155px !important;
        }
    }

/*
       The chapter indicator is now a DIRECT child of the full-width header.
       Its center no longer depends on .site-container or left/right header content.
    */
    #mainSiteHeader {
        position: fixed !important;
    }

    #headerChapterIndicator {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;

        width: 236px !important;
        min-width: 236px !important;
        max-width: 236px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #chapterIndicatorRow {
        width: 236px !important;
        min-width: 236px !important;
        max-width: 236px !important;
    }

    /* Preserve the compact spacing from V101. */
    #chapterIndicatorRow > span:first-child {
        width: 8px !important;
        min-width: 8px !important;
        flex: 0 0 8px !important;
    }

    #chapterIndicatorRow > div:nth-child(2) {
        width: 11px !important;
        min-width: 11px !important;
        flex: 0 0 11px !important;
    }

    #chapterIndicatorRow > span:nth-child(3) {
        width: 42px !important;
        min-width: 42px !important;
        flex: 0 0 42px !important;
        margin: 0 !important;
    }

    #chapterIndicatorRow > .text-white\/20 {
        width: 20px !important;
        min-width: 20px !important;
        flex: 0 0 20px !important;
        margin: 0 !important;
        text-align: center !important;
    }

    #chapterTitleViewport {
        width: 155px !important;
        min-width: 155px !important;
        max-width: 155px !important;
        flex: 0 0 155px !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    #chapterTitleWord {
        width: 100% !important;
        text-align: left !important;
    }

    @media (max-width: 1100px) {
        #headerChapterIndicator,
        #chapterIndicatorRow {
            width: 236px !important;
            min-width: 236px !important;
            max-width: 236px !important;
        }
    }

/*
       Optical centering of the middle header unit.

       The dash is the visual axis:
       [  counter  ] — [  chapter  ]
       Left and right columns have identical width, so the composition itself
       is centered — not just an invisible outer box.
    */

    #headerChapterIndicator {
        position: absolute !important;
        left: 50% !important;
        top: calc(50% + 4px) !important;
        transform: translate(-50%, -50%) !important;

        width: 294px !important;
        min-width: 294px !important;
        max-width: 294px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #chapterIndicatorRow {
        width: 294px !important;
        min-width: 294px !important;
        max-width: 294px !important;

        display: grid !important;
        grid-template-columns: 136px 22px 136px !important;
        align-items: center !important;
        justify-content: center !important;

        white-space: nowrap !important;
    }

    /* Left half: counter sits toward the central axis. */
    #chapterCounterGroup {
        grid-column: 1;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0 !important;

        width: 136px !important;
        min-width: 136px !important;
        height: 16px !important;
        text-align: right !important;
    }

    #chapterCounterGroup > span:first-child {
        width: 8px !important;
        flex: 0 0 8px !important;
        text-align: left !important;
    }

    #chapterCounterGroup > div {
        width: 11px !important;
        min-width: 11px !important;
        flex: 0 0 11px !important;
    }

    #chapterCounterGroup > span:last-child {
        margin-left: 2px !important;
        text-align: left !important;
    }

    /* Separator is the true visual center of the group. */
    #chapterSeparator {
        grid-column: 2;
        width: 22px !important;
        min-width: 22px !important;
        text-align: center !important;
        margin: 0 !important;
        opacity: .78;
    }

    /* Right half: title begins at exactly the mirrored distance from center. */
    #chapterTitleViewport {
        grid-column: 3;
        width: 136px !important;
        min-width: 136px !important;
        max-width: 136px !important;
        height: 16px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    #chapterTitleWord {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    /*
       Keep all header content on the same optical horizontal axis.
       The main header row has a +4px desktop optical correction already,
       so the independent center indicator receives the same correction.
    */

    @media (max-width: 1100px) {
        #headerChapterIndicator,
        #chapterIndicatorRow {
            width: 278px !important;
            min-width: 278px !important;
            max-width: 278px !important;
        }

        #chapterIndicatorRow {
            grid-template-columns: 128px 22px 128px !important;
        }

        #chapterCounterGroup,
        #chapterTitleViewport {
            width: 128px !important;
            min-width: 128px !important;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #chapterUnitDigit,
        #chapterTitleWord {
            transition: none !important;
        }
    }

/*
       NEXIS Mobile Production Pass
       Target: 320 / 360 / 375 / 390 / 430px + landscape phones.
       This block intentionally sits last in the cascade.
    */

    @media (max-width: 767px) {
        html {
            scroll-padding-top: calc(70px + env(safe-area-inset-top)) !important;
            -webkit-text-size-adjust: 100%;
        }

        body {
            min-height: 100dvh;
            overflow-x: clip !important;
            overscroll-behavior-x: none;
            -webkit-tap-highlight-color: transparent;
        }

        .site-container {
            padding-left: max(14px, env(safe-area-inset-left)) !important;
            padding-right: max(14px, env(safe-area-inset-right)) !important;
        }

        section {
            scroll-margin-top: calc(72px + env(safe-area-inset-top));
        }

        /* ---------- Header ---------- */
        #mainSiteHeader {
            padding-top: env(safe-area-inset-top) !important;
            background: rgba(3,3,5,.91) !important;
            -webkit-backdrop-filter: blur(14px) saturate(118%) !important;
            backdrop-filter: blur(14px) saturate(118%) !important;
        }

        #headerInnerRow {
            height: 62px !important;
            min-height: 62px !important;
            transform: none !important;
            gap: 6px !important;
        }

        #headerLogoImg {
            height: 32px !important;
            width: auto !important;
        }

        #headerControlsGroup {
            min-width: 0 !important;
            gap: 0 !important;
        }

        #langSwitcher {
            height: 32px !important;
            margin-right: 6px !important;
            padding: 2px !important;
            border-radius: 8px !important;
            transition:
                opacity 220ms ease,
                transform 260ms cubic-bezier(.22,1,.36,1),
                visibility 220ms ease !important;
        }

        #langSwitcher button {
            min-width: 29px !important;
            padding-left: 6px !important;
            padding-right: 6px !important;
            
        }

        #headerContactChooser {
            --morph-collapsed-width: 138px !important;
            --morph-open-width: 138px !important;
            width: 138px !important;
            flex: 0 0 138px !important;
            height: 42px !important;
        }

        #headerContactToggle {
            height: 42px !important;
            min-height: 42px !important;
            border-radius: 11px !important;
            padding: 0 11px !important;
        }

        #headerCtaTitle {
            
            
            line-height: 1 !important;
        }

        [data-lang="en"] #headerCtaTitle {
            
            
        }

        /* Morph state expands left, but never pushes header geometry. */
        #headerContactMenu {
            width: min(226px, calc(100vw - 64px)) !important;
            height: 42px !important;
            min-height: 42px !important;
            right: 0 !important;
            left: auto !important;
            border-radius: 11px !important;
        }

        #headerContactMenu .header-contact-option {
            height: 40px !important;
            min-height: 40px !important;
            padding: 0 9px !important;
            gap: 5px !important;
            font-size: 8.8px !important;
            letter-spacing: .045em !important;
        }

        #headerContactMenu .header-contact-icon,
        #headerContactMenu .header-contact-icon svg {
            width: 12px !important;
            height: 12px !important;
            flex-basis: 12px !important;
        }

        #headerControlsGroup.contact-choice-open #langSwitcher {
            opacity: 0 !important;
            visibility: hidden !important;
            pointer-events: none !important;
            transform: translateX(6px) !important;
        }

        #scrollProgressBar {
            height: 1px !important;
            box-shadow: none !important;
            opacity: .82 !important;
        }

        main {
            padding-top: calc(70px + env(safe-area-inset-top)) !important;
        }

        /* ---------- Entry ---------- */
        #initSystemOverlay {
            min-height: 100dvh !important;
            height: 100dvh !important;
            padding:
                max(10px, env(safe-area-inset-top))
                max(14px, env(safe-area-inset-right))
                max(10px, env(safe-area-inset-bottom))
                max(14px, env(safe-area-inset-left)) !important;
        }

        #initSystemBtn {
            width: min(224px, calc(100vw - 40px)) !important;
            height: 62px !important;
        }

        #entryAmbientGrid {
            width: min(92vw, 460px) !important;
            height: min(48vw, 300px) !important;
        }

        #entryAmbientHalo {
            width: min(92vw, 520px) !important;
        }

        /* ---------- HERO typography ---------- */
        #hero {
            padding-top: 8px !important;
            padding-bottom: 16px !important;
        }

        #hero > .grid {
            gap: 20px !important;
        }

        #heroHeadlineBlock {
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
        }

        #heroHeadlineBlock #heroPreTag,
        #heroHeadlineBlock #heroSubline {
            padding-left: 0 !important;
        }

        #heroPreTag {
            margin-bottom: 8px !important;
            font-size: 12.5px !important;
            line-height: 1.25 !important;
        }

        #heroHeadlineBlock .display-xl {
            font-size: clamp(2.02rem, 10.45vw, 2.72rem) !important;
            line-height: .93 !important;
            letter-spacing: -0.026em !important;
        }

        #heroMainWord2 {
            margin-top: 4px !important;
        }

        #heroSubline {
            width: 100% !important;
            max-width: 100% !important;
            margin-top: 12px !important;
            
            
        }

        [data-lang="en"] #heroHeadlineBlock {
            padding-right: 0 !important;
        }

        [data-lang="en"] .en-headline-line {
            font-size: .84em !important;
            letter-spacing: -.035em !important;
        }

        [data-lang="en"] #heroSubline {
            
            
            
        }

        #heroBottomWrapper {
            margin-top: 20px !important;
            gap: 20px !important;
        }

        #heroIncomingCard {
            padding: 15px !important;
            border-radius: 14px !important;
        }

        #heroIncomingTag {
            
            
        }

        #fadeTaskText {
            
            
        }

        #heroCasesLinkBlock {
            min-height: 62px !important;
            padding: 13px 14px 12px !important;
            border-radius: 14px !important;
        }

        #heroCasesTitle {
            
            
            
        }

        #heroCasesSub {
            margin-top: 6px !important;
            
            
        }

        /* ---------- HERO gallery / player ---------- */
        #heroVideoTabs {
            height: 42px !important;
        }

        #heroVideoTabs > div {
            padding: 3px !important;
            border-radius: 11px !important;
        }

        #heroVideoTabs .cat-tab {
            min-height: 36px !important;
            padding: 0 5px !important;
            font-size: 8.8px !important;
            letter-spacing: .07em !important;
            border-radius: 8px !important;
        }

        .hero-media-stage {
            min-height: 205px !important;
            touch-action: pan-y pinch-zoom !important;
            perspective: 900px !important;
        }

        #playerFrame,
        .showcase-card-wrapper {
            border-radius: 14px !important;
        }

        #playerFrame[data-aspect="9:16"],
        .showcase-card-wrapper.portrait-showcase-card {
            width: min(68vw, 250px) !important;
            max-width: 250px !important;
        }

        #videoCornerBrackets > div {
            width: 12px !important;
            height: 12px !important;
            border-width: 1px !important;
        }

        #heroVideoControls {
            left: 8px !important;
            right: auto !important;
            bottom: 8px !important;
            gap: 6px !important;
        }

        .hero-control-btn {
            width: 42px !important;
            height: 40px !important;
            border-radius: 10px !important;
        }

        .audio-slider-popover,
        .audio-slider-popover.volume-horizontal {
            left: calc(100% + 6px) !important;
            width: 92px !important;
            height: 40px !important;
            padding: 0 10px !important;
            border-radius: 10px !important;
        }

        .audio-volume-range {
            width: 66px !important;
        }

        #videoProjectCta,
        #videoProjectCta.cta-landscape,
        #videoProjectCta.cta-landscape.is-visible,
        #videoProjectCta.cta-portrait,
        #videoProjectCta.cta-portrait.is-visible {
            height: 36px !important;
            min-height: 36px !important;
            max-width: calc(100% - 24px) !important;
            padding: 0 13px !important;
            border-radius: 10px !important;
            font-size: 8.7px !important;
            letter-spacing: .05em !important;
        }

        #projectsRow {
            gap: 7px !important;
            padding: 2px 0 6px !important;
            scroll-padding-inline: 1px !important;
        }

        #projectsRow .proj-tab {
            flex: 0 0 calc((100% - 14px) / 3) !important;
            min-width: 88px !important;
            height: 52px !important;
            padding: 7px 6px !important;
            border-radius: 11px !important;
        }

        #projectsRow .proj-tab [id^="projTitle"] {
            font-size: 9.6px !important;
            line-height: 1.15 !important;
        }

        #projectsRow .proj-tab [id^="projCat"] {
            font-size: 8px !important;
            line-height: 1.15 !important;
        }

        /* ---------- Founder ---------- */
        #founder {
            padding-top: 24px !important;
        }

        #founder > .grid {
            gap: 22px !important;
        }

        #holoCard {
            width: min(100%, 314px) !important;
            max-width: 314px !important;
        }

        #portraitBox {
            border-radius: 0 !important;
        }

        #founderInfoFlow {
            margin-top: -4px !important;
        }

        .founder-voice-line {
            grid-template-columns: 40px max-content minmax(34px, 1fr) max-content !important;
            column-gap: 6px !important;
            min-height: 44px !important;
            padding: 3px 0 6px !important;
        }

        .founder-voice-control {
            width: 40px !important;
            height: 40px !important;
        }

        .founder-voice-control::before {
            width: 29px !important;
            height: 25px !important;
            border-radius: 7px !important;
        }

        .founder-voice-copy {
            height: 40px !important;
            
            
        }

        .founder-voice-timer {
            
            
        }

        .founder-stats-panel {
            min-height: 78px !important;
            margin-top: 4px !important;
            padding-top: 8px !important;
        }

        .founder-stat-tile {
            min-height: 60px !important;
            padding: 4px 2px !important;
        }

        .founder-stat-value {
            
        }

        .founder-stat-label {
            margin-top: 7px !important;
            
            
        }

        .founder-stat-divider {
            height: 34px !important;
        }

        [data-lang="en"] .founder-stat-value {
            
        }

        [data-lang="en"] .founder-stat-label {
            
            
        }

        #founderRightCol {
            margin-top: 0 !important;
        }

        #founderMotionStageWrapper {
            min-height: 410px !important;
            margin-top: 20px !important;
        }

        #competenciesStage {
            height: 128px !important;
        }

        #wordsGrid {
            gap: 10px 12px !important;
        }

        #resultDirections {
            top: 134px !important;
        }

        #resultColumnsBox {
            gap: 15px !important;
        }

        #founderTrackBtn1,
        #founderTrackBtn2 {
            min-height: 78px !important;
        }

        #founderOutcomeTitle {
            
            
        }

        #founderOutcomeDesc {
            
            
        }

        /* ---------- Hunter / system ---------- */
        #radar {
            padding-top: 26px !important;
            margin-top: 0 !important;
        }

        #radar > .space-y-3,
        #radar > .sm\:space-y-\[22px\] {
            gap: 12px !important;
        }

        #hunterMainWord1,
        #hunterMainWord2 {
            
        }

        #radarScopeBox {
            width: 104px !important;
            height: 104px !important;
            right: -4px !important;
            top: 0 !important;
            opacity: .23 !important;
        }

        #pipeStage1,
        #pipeStage2,
        #pipeStage3 {
            gap: 12px !important;
        }

        .hunter-status-label {
            
            
        }

        .hunter-pipeline-desc {
            margin-top: 7px !important;
            
            
        }

        #hunterNextScenarioBtn {
            min-height: 42px !important;
            padding: 9px 3px !important;
            margin-top: -9px !important;
            margin-bottom: -9px !important;
            font-size: 8.9px !important;
        }

        #liveChatStream {
            min-height: 184px !important;
            gap: 10px !important;
        }

        #chatRow1,
        #chatRow2,
        #chatRow3 {
            max-width: 94% !important;
        }

        #chatRow1 > div:last-child,
        #chatRow2 > div:first-child,
        #chatRow3 > div:last-child {
            font-size: 11.1px !important;
            line-height: 1.5 !important;
        }

        #hunterCtaRail {
            min-height: 64px !important;
            padding-top: 10px !important;
        }

        #hunterSetupCtaBtn {
            height: 52px !important;
            min-height: 52px !important;
            border-radius: 12px !important;
        }

        #hunterSetupCtaText {
            transform: none !important;
            font-size: 10.6px !important;
            letter-spacing: .065em !important;
        }

        #hunterFeaturesGrid {
            grid-template-columns: repeat(2, minmax(0,1fr)) !important;
            gap: 10px 12px !important;
            padding-top: 16px !important;
            
            
            
        }

        /* ---------- Project management ---------- */
        #pricing {
            padding-top: 30px !important;
            row-gap: 20px !important;
        }

        #pricingHeader {
            max-width: 100% !important;
            row-gap: 12px !important;
        }

        #pricingHeader .display-l {
            
            
            
        }

        #collabSubtext {
            
            
            max-width: 100% !important;
        }

        #pipelineScroller {
            margin-left: -14px !important;
            margin-right: -14px !important;
            width: calc(100% + 28px) !important;
            padding-left: 14px !important;
            padding-right: 14px !important;
            padding-bottom: 9px !important;
        }

        #pipelineTrack {
            grid-template-columns: repeat(5, 126px) !important;
            gap: 9px !important;
        }

        #pipelineTrack .step-item {
            width: 126px !important;
            min-height: 48px !important;
        }

        #collabLeftZone {
            margin-top: 0 !important;
        }

        #collabRightZone {
            margin-top: 2px !important;
        }

        #collabRightZone .flex.items-baseline {
            grid-template-columns: minmax(78px,.42fr) minmax(0,1fr) !important;
            gap: 10px !important;
        }

        #collabRightZone .flex.items-baseline > :first-child {
            font-size: 9.2px !important;
            letter-spacing: .08em !important;
        }

        #collabRightZone .flex.items-baseline > :last-child {
            font-size: 11px !important;
            line-height: 1.42 !important;
        }

        #collabStatementBox {
            padding-top: 22px !important;
        }

        #collabStatementLine1 {
            
            
        }

        #collabStatementLine2 {
            
            
            gap: 5px 8px !important;
        }

        /* ---------- Contact ---------- */
        #contact {
            padding-top: 34px !important;
            padding-bottom: 20px !important;
        }

        #contactInner h2 {
            width: 100% !important;
            font-size: clamp(1.30rem, 6.55vw, 1.78rem) !important;
            line-height: .98 !important;
            letter-spacing: -.027em !important;
        }

        #contactHead1,
        #contactHead2 {
            width: 100% !important;
            max-width: 100% !important;
            white-space: nowrap !important;
        }

        #contactSubline {
            max-width: 94% !important;
            
            
        }

        #contactInner > .mt-3,
        #contactInner > .sm\:mt-5 {
            margin-top: 16px !important;
        }

        #contactInner > .mt-5,
        #contactInner > .sm\:mt-7 {
            margin-top: 24px !important;
        }

        #finalContactCtaBtn {
            width: min(100%, 326px) !important;
            max-width: 326px !important;
            height: 54px !important;
            min-height: 54px !important;
            border-radius: 12px !important;
            padding: 0 20px !important;
        }

        #finalContactCtaText {
            font-size: 10.9px !important;
            letter-spacing: .055em !important;
        }

        /* ---------- Footer ---------- */
        #siteFooter {
            margin-top: 18px !important;
            padding-bottom: max(22px, env(safe-area-inset-bottom)) !important;
        }

        #siteFooter,
        .footer-inner {
            min-height: 64px !important;
        }

        .footer-inner {
            gap: 12px !important;
            padding: 0 !important;
        }

        .footer-brandline {
            min-height: 40px !important;
            gap: 5px !important;
        }

        .footer-brand {
            font-size: 11px !important;
        }

        .footer-studio {
            display: none !important;
        }

        .footer-copyright {
            margin-left: 2px !important;
            font-size: 8.4px !important;
        }

        .footer-back-link {
            min-height: 44px !important;
            padding: 0 2px 0 8px !important;
            
            letter-spacing: .075em !important;
        }
    }

    /* Very small phones: keep the header and final CTA clean at 320–359px. */
    @media (max-width: 359px) {
        .site-container {
            padding-left: max(12px, env(safe-area-inset-left)) !important;
            padding-right: max(12px, env(safe-area-inset-right)) !important;
        }

        #headerInnerRow {
            gap: 4px !important;
        }

        #headerLogoImg {
            height: 29px !important;
        }

        #langSwitcher {
            margin-right: 4px !important;
        }

        #langSwitcher button {
            min-width: 27px !important;
            padding-left: 4px !important;
            padding-right: 4px !important;
            
        }

        #headerContactChooser {
            --morph-collapsed-width: 128px !important;
            --morph-open-width: 128px !important;
            width: 128px !important;
            flex-basis: 128px !important;
        }

        #headerCtaTitle {
            
            
        }

        [data-lang="en"] #headerCtaTitle {
            
        }

        #headerContactMenu {
            width: min(216px, calc(100vw - 58px)) !important;
        }

        #headerContactMenu .header-contact-option {
            font-size: 8.35px !important;
            padding: 0 7px !important;
        }

        #heroHeadlineBlock .display-xl {
            font-size: 2rem !important;
        }

        #heroPreTag {
            font-size: 12px !important;
        }

        #heroSubline {
            
        }

        #playerFrame[data-aspect="9:16"],
        .showcase-card-wrapper.portrait-showcase-card {
            width: min(67vw, 220px) !important;
            max-width: 220px !important;
        }

        #projectsRow .proj-tab {
            min-width: 86px !important;
        }

        .founder-voice-copy {
            
            
        }

        .founder-voice-timer {
            
        }

        #pricingHeader .display-l {
            
        }

        #contactInner h2 {
            font-size: 1.30rem !important;
            letter-spacing: -.03em !important;
        }

        #contactSubline {
            
        }

        .footer-brand {
            font-size: 10.5px !important;
        }

        .footer-copyright,
        .footer-back-link {
            font-size: 8px !important;
        }
    }

    /* Landscape phones: compact height, retain readable controls. */
    @media (max-width: 1023px) and (orientation: landscape) and (max-height: 540px) {
        #headerInnerRow {
            height: 56px !important;
            min-height: 56px !important;
        }

        main {
            padding-top: 62px !important;
        }

        #hero {
            padding-top: 2px !important;
        }

        #hero > .grid {
            gap: 16px !important;
        }

        #playerFrame[data-aspect="9:16"],
        .showcase-card-wrapper.portrait-showcase-card {
            width: min(31vw, 196px) !important;
            max-width: 196px !important;
        }

        #playerFrame[data-aspect="16:9"] {
            width: min(76vw, 600px) !important;
            max-width: 600px !important;
        }

        .hero-media-stage {
            min-height: 180px !important;
        }

        #initSystemOverlay {
            min-height: 100dvh !important;
            height: 100dvh !important;
        }

        #initSystemBtn {
            height: 56px !important;
        }
    }

    /* Coarse pointer: no fake desktop hover jumps. */
    @media (hover: none), (pointer: coarse) {
        #headerLogoImg,
        #headerContactToggle,
        #headerContactMenu .header-contact-option,
        .hero-control-btn,
        .cat-tab,
        .proj-tab,
        .founder-stat-tile,
        .founder-voice-control,
        #hunterNextScenarioBtn,
        #finalContactCtaBtn,
        #hunterSetupCtaBtn {
            -webkit-tap-highlight-color: transparent !important;
        }

        #headerLogoImg:hover,
        #headerContactToggle:hover,
        .hero-control-btn:hover,
        .founder-stat-tile:hover,
        .founder-voice-control:hover {
            transform: none !important;
        }
    }

/*
       Fix for the transition artefact seen in the recording:
       SYSTEM VERIFIED / INITIALIZE SYSTEM must never remain on top
       of the already-visible website.
    */

    #initSystemOverlay.entry-ui-clear .entry-status,
    #initSystemOverlay.entry-ui-clear #initSystemBtn {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition:
            opacity 260ms cubic-bezier(.22,1,.36,1),
            visibility 260ms ease !important;
    }

    /* Remove the entry UI from compositing once it has faded. */
    #initSystemOverlay.entry-ui-clear #initSystemBtn {
        transform: none !important;
    }

    /*
       During the actual gallery/site reveal only the dark scrim remains.
       No old entry typography can bleed through.
    */
    #initSystemOverlay.entry-gallery-open .entry-status,
    #initSystemOverlay.entry-gallery-open #initSystemBtn,
    #initSystemOverlay.entry-gallery-presented .entry-status,
    #initSystemOverlay.entry-video-emerging .entry-status {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

:root {
        --guided-cyan: 56,189,248;
        --guided-pink: 217,74,120;
        --guided-emerald: 52,211,153;
    }

    #guidedPresentationController {
        position: fixed;
        z-index: 270;
        left: 50%;
        bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px));
        width: min(620px, calc(100vw - 28px));
        min-height: 48px;
        transform: translate(-50%, 12px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        display: grid;
        grid-template-columns: auto minmax(150px,1fr) auto;
        align-items: center;
        gap: 12px;
        padding: 8px 8px 8px 14px;
        border-radius: 14px;
        border: 1px solid rgba(255,255,255,.065);
        background: rgba(5,7,11,.955);
        box-shadow: 0 12px 42px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.035);
        -webkit-backdrop-filter: blur(18px) saturate(118%);
        backdrop-filter: blur(18px) saturate(118%);
        transition: opacity 300ms cubic-bezier(.22,1,.36,1), transform 340ms cubic-bezier(.22,1,.36,1), visibility 300ms ease;
        overflow: hidden;
        user-select: none;
    }
    #guidedPresentationController.is-visible { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
    #guidedStepLabel,#guidedTimeLabel { font:500 9px/1 'JetBrains Mono',monospace; letter-spacing:.06em; color:rgba(148,163,184,.72); font-variant-numeric:tabular-nums; }
    #guidedTimeLabel { position:absolute; z-index:3; left:50%; top:0; transform:translateX(-50%); padding:0; background:transparent; color:rgba(148,163,184,.76); white-space:nowrap; line-height:1; pointer-events:none; text-shadow:0 1px 5px rgba(3,3,5,.95); }
    .guided-controller-actions { display:flex; align-items:center; gap:5px; }
    .guided-control-btn { height:32px; min-width:32px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.07); border-radius:9px; background:rgba(255,255,255,.025); color:rgba(226,232,240,.78); font:600 8.8px/1 'JetBrains Mono',monospace; letter-spacing:.075em; text-transform:uppercase; cursor:pointer; transition:220ms ease; }
    .guided-control-btn:hover { color:#fff; border-color:rgba(56,189,248,.22); background:rgba(56,189,248,.055); }
    #guidedPrimaryAction:hover { border-color:rgba(217,74,120,.19); background:rgba(217,74,120,.05); }
    #guidedPauseBtn { position:relative; width:34px; min-width:34px; padding:0; font-size:0; line-height:0; color:rgba(226,232,240,.86); }
    #guidedPauseBtn::before,#guidedPauseBtn::after { content:""; position:absolute; top:50%; width:2px; height:12px; border-radius:2px; background:currentColor; transform:translateY(-50%); transition:opacity 180ms ease,transform 220ms cubic-bezier(.22,1,.36,1); }
    #guidedPauseBtn::before { left:12px; } #guidedPauseBtn::after { right:12px; }
    #guidedPauseBtn.is-paused::before { left:50%; width:0; height:0; border-radius:0; background:transparent; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:9px solid currentColor; transform:translate(-42%,-50%); }
    #guidedPauseBtn.is-paused::after { opacity:0; transform:translateY(-50%) scale(.7); }
    .guided-controller-progress { position:relative; min-width:170px; height:28px; display:flex; align-items:center; justify-content:center; overflow:visible; --guided-seek:0%; }
    .guided-controller-progress::before { display:none !important; content:none !important; }
    #guidedScrubber {
        position:absolute; left:0; right:0; bottom:0; width:100%; height:16px; margin:0; padding:0; appearance:none; -webkit-appearance:none;
        background:transparent; cursor:pointer; touch-action:none; outline:none; z-index:2;
    }
    #guidedScrubber::-webkit-slider-runnable-track {
        height:2px; border-radius:999px;
        background:linear-gradient(90deg,rgba(56,189,248,.86) 0 var(--guided-seek),rgba(255,255,255,.105) var(--guided-seek) 100%);
        box-shadow:none;
    }
    #guidedScrubber::-moz-range-track { height:2px; border:0; border-radius:999px; background:rgba(255,255,255,.095); }
    #guidedScrubber::-moz-range-progress { height:2px; border:0; border-radius:999px; background:rgba(56,189,248,.90); }
    #guidedScrubber::-webkit-slider-thumb {
        -webkit-appearance:none; appearance:none; width:8px; height:8px; border-radius:50%; margin-top:-3px;
        border:1px solid rgba(226,232,240,.75); background:#07090d; box-shadow:0 0 0 3px rgba(56,189,248,.075);
        transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease;
    }
    #guidedScrubber::-moz-range-thumb { width:8px; height:8px; border-radius:50%; border:1px solid rgba(226,232,240,.75); background:#07090d; box-shadow:0 0 0 3px rgba(56,189,248,.075); }
    #guidedScrubber:hover::-webkit-slider-thumb,#guidedScrubber:focus-visible::-webkit-slider-thumb { transform:scale(1.16); border-color:rgba(255,255,255,.95); box-shadow:0 0 0 4px rgba(56,189,248,.11); }
    #guidedScrubber:focus-visible { outline:none; }

    /* V120 visual language: restrained focus, never tutorial-like. */
    .guided-v120-spot { --guided-rgb:var(--guided-cyan); position:relative!important; z-index:12!important; filter:brightness(1.065) saturate(1.02)!important; box-shadow:0 0 0 1px rgba(var(--guided-rgb),.075),0 0 10px rgba(var(--guided-rgb),.024)!important; transition:filter 240ms ease,box-shadow 300ms ease,opacity 240ms ease!important; }
    .guided-v120-spot.guided-pink { --guided-rgb:var(--guided-pink); }
    .guided-v120-spot.guided-emerald { --guided-rgb:var(--guided-emerald); }
    .guided-v120-text { --guided-rgb:var(--guided-cyan); filter:brightness(1.09)!important; text-shadow:0 0 8px rgba(var(--guided-rgb),.085)!important; transition:filter 220ms ease,text-shadow 280ms ease,color 240ms ease,opacity 240ms ease!important; }
    .guided-v120-text.guided-pink { --guided-rgb:var(--guided-pink); }
    .guided-v120-text.guided-emerald { --guided-rgb:var(--guided-emerald); }

    /* V127: category hints explain available formats without switching the live showcase. */
    .cat-tab.guided-category-hint {
        position:relative !important;
        z-index:14 !important;
        color:rgba(248,250,252,.98) !important;
        background:rgba(255,255,255,.045) !important;
        border-color:rgba(var(--guided-tab-rgb,56,189,248),.34) !important;
        box-shadow:
            inset 0 0 0 1px rgba(var(--guided-tab-rgb,56,189,248),.055),
            0 0 13px rgba(var(--guided-tab-rgb,56,189,248),.055) !important;
        transform:translateY(-1px) !important;
        transition:color 260ms ease,background 320ms ease,border-color 320ms ease,box-shadow 360ms ease,transform 320ms cubic-bezier(.22,1,.36,1) !important;
    }
    .cat-tab.guided-category-hint::after {
        content:"";
        position:absolute;
        left:18%; right:18%; bottom:3px; height:1px;
        border-radius:999px;
        background:linear-gradient(90deg,transparent,rgba(var(--guided-tab-rgb,56,189,248),.82),transparent);
        transform:scaleX(1);
        transform-origin:center;
        opacity:.82;
        box-shadow:0 0 5px rgba(var(--guided-tab-rgb,56,189,248),.13);
        animation:guidedCategoryHintV127 760ms cubic-bezier(.22,1,.36,1) 1 both;
    }
    .cat-tab.guided-category-hint.guided-tab-pink { --guided-tab-rgb:217,74,120; }
    .cat-tab.guided-category-hint.guided-tab-cyan { --guided-tab-rgb:56,189,248; }
    @keyframes guidedCategoryHintV127 {
        0%{transform:scaleX(.08);opacity:0}
        28%{opacity:.9}
        100%{transform:scaleX(1);opacity:.72}
    }

    /* V128: guided focus is exclusive. The live showcase stays on BORK, but the visual active state
       moves across the tabs so the eye never sees AI Production and another tab highlighted together. */
    .guided-presentation-active #heroVideoTabs .cat-tab {
        background:transparent !important;
        color:rgba(148,163,184,.62) !important;
        border-color:transparent !important;
        box-shadow:none !important;
        transform:none !important;
    }
    .guided-presentation-active #heroVideoTabs .cat-tab.guided-category-current {
        --guided-tab-rgb:56,189,248;
        position:relative !important;
        z-index:14 !important;
        color:#fff !important;
        background:rgba(255,255,255,.055) !important;
        border-color:rgba(var(--guided-tab-rgb),.24) !important;
        box-shadow:inset 0 0 0 1px rgba(var(--guided-tab-rgb),.035) !important;
        transition:color 300ms ease,background 340ms ease,border-color 340ms ease,box-shadow 340ms ease !important;
    }
    .guided-presentation-active #heroVideoTabs .cat-tab.guided-category-current::after {
        content:""; position:absolute; left:22%; right:22%; bottom:3px; height:1px; border-radius:999px;
        background:linear-gradient(90deg,transparent,rgba(var(--guided-tab-rgb),.74),transparent);
        opacity:.76; transform:scaleX(1); transform-origin:center;
        animation:guidedFocusLineV128 440ms cubic-bezier(.22,1,.36,1) 1 both;
    }
    .guided-presentation-active #heroVideoTabs .cat-tab.guided-category-current.guided-tab-pink { --guided-tab-rgb:217,74,120; }
    .guided-presentation-active #heroVideoTabs .cat-tab.guided-category-current.guided-tab-cyan { --guided-tab-rgb:56,189,248; }
    @keyframes guidedFocusLineV128 { from{transform:scaleX(.18);opacity:0} to{transform:scaleX(1);opacity:.76} }

    /* V136: slower HERO typography in guided mode only. The normal site keeps its original entry rhythm. */
    .guided-presentation-active #heroPreTag.hero-unified-reveal,
    .guided-presentation-active #heroMainWord1.hero-unified-reveal,
    .guided-presentation-active #heroMainWord2.hero-unified-reveal,
    .guided-presentation-active #heroSubline.hero-unified-reveal {
        animation-duration: 940ms !important;
        animation-timing-function: cubic-bezier(.22,1,.36,1) !important;
    }

    /* V136: no travelling underline on the SYSTEM close. Build a quiet completed row instead. */
    #hunterFeaturesGrid span[id^="feat"].guided-feature-settled {
        color: rgba(226,232,240,.90) !important;
        opacity: .96 !important;
        transform: translate3d(0,-1px,0);
        text-shadow: none !important;
        transition: color 440ms cubic-bezier(.22,1,.36,1), opacity 440ms ease, transform 520ms cubic-bezier(.16,1,.3,1) !important;
    }

    /* V136: HERO narration stays alive after the gallery settles on BORK.
       LIVE tasks and case proof are withheld, then revealed as separate beats. */
    .guided-presentation-active.guided-hero-staging #heroIncomingCard,
    .guided-presentation-active.guided-hero-staging #heroTelegramContainer {
        opacity:0 !important;
        transform:translate3d(0,8px,0) scale(.996) !important;
        filter:blur(3px) !important;
        pointer-events:none !important;
        transition:
            opacity 620ms cubic-bezier(.22,1,.36,1),
            transform 720ms cubic-bezier(.16,1,.3,1),
            filter 560ms ease !important;
    }
    .guided-presentation-active.guided-hero-staging #heroIncomingCard.guided-hero-revealed,
    .guided-presentation-active.guided-hero-staging #heroTelegramContainer.guided-hero-revealed {
        opacity:1 !important;
        transform:translate3d(0,0,0) scale(1) !important;
        filter:blur(0) !important;
        pointer-events:auto !important;
    }
    .guided-presentation-active.guided-hero-staging #heroIncomingCard.guided-hero-revealed {
        transition-duration:660ms,760ms,560ms !important;
    }
    .guided-presentation-active.guided-hero-staging #heroTelegramContainer.guided-hero-revealed {
        transition-duration:720ms,820ms,620ms !important;
    }

    /* V128: premium left-to-right feature run. No whole-panel flash or contour. */
    #hunterFeaturesGrid span[id^="feat"] { position:relative; }
    .guided-feature-pass { color:rgba(241,245,249,.98) !important; transition:color 180ms ease,text-shadow 200ms ease !important; text-shadow:0 0 5px rgba(56,189,248,.055); }
    .guided-feature-pass::after { content:""; position:absolute; left:10%; right:10%; bottom:-5px; height:1px; border-radius:999px; background:linear-gradient(90deg,transparent,rgba(56,189,248,.68),transparent); transform-origin:left center; animation:guidedFeatureLineV132 260ms cubic-bezier(.22,1,.36,1) 1 both; }
    @keyframes guidedFeatureLineV132 { 0%{transform:scaleX(.08);opacity:0} 38%{opacity:.72} 100%{transform:scaleX(1);opacity:.12} }

    [data-guided-word] { transition:color 260ms ease,filter 260ms ease,text-shadow 300ms ease; }
    [data-guided-word].guided-word-active { color:#fff!important; filter:brightness(1.075); text-shadow:0 0 7px rgba(56,189,248,.085); }

    #guidedSweepLayer { position:fixed; z-index:269; pointer-events:none; overflow:hidden; opacity:0; border-radius:12px; transition:opacity 120ms ease; }
    #guidedSweepBeam { position:absolute; top:-15%; bottom:-15%; left:0; width:32%; transform:translateX(-150%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),rgba(56,189,248,.17),rgba(255,255,255,.03),transparent); filter:blur(.2px); }
    #guidedSweepLayer.guided-pink #guidedSweepBeam { background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),rgba(217,74,120,.19),rgba(255,255,255,.04),transparent); }
    #guidedSweepLayer.guided-emerald #guidedSweepBeam { background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),rgba(52,211,153,.18),rgba(255,255,255,.04),transparent); }
    #guidedSweepLayer.is-running { opacity:1; }
    #guidedSweepLayer.is-running #guidedSweepBeam { animation:guidedSweepV120 680ms cubic-bezier(.16,1,.3,1) 1 both; }
    @keyframes guidedSweepV120 { from{transform:translateX(-150%)} to{transform:translateX(420%)} }

    /* V125: premium perimeter trace — explains a whole block without a cheap centre glow. */
    #guidedContourLayer { --contour-rgb:56,189,248; position:fixed; z-index:268; pointer-events:none; opacity:0; border-radius:14px; transition:opacity 180ms ease; }
    #guidedContourLayer.guided-pink { --contour-rgb:217,74,120; }
    #guidedContourLayer.guided-emerald { --contour-rgb:52,211,153; }
    #guidedContourLayer .guided-contour-edge { position:absolute; display:block; opacity:.88; filter:drop-shadow(0 0 3px rgba(var(--contour-rgb),.10)); }
    #guidedContourLayer .guided-contour-top,#guidedContourLayer .guided-contour-bottom { left:0; right:0; height:1px; transform:scaleX(0); }
    #guidedContourLayer .guided-contour-left,#guidedContourLayer .guided-contour-right { top:0; bottom:0; width:1px; transform:scaleY(0); }
    #guidedContourLayer .guided-contour-top { top:0; transform-origin:left center; background:linear-gradient(90deg,transparent 0%,rgba(var(--contour-rgb),.18) 12%,rgba(255,255,255,.25) 48%,rgba(var(--contour-rgb),.18) 82%,transparent 100%); }
    #guidedContourLayer .guided-contour-right { right:0; transform-origin:center top; background:linear-gradient(180deg,transparent 0%,rgba(var(--contour-rgb),.17) 18%,rgba(var(--contour-rgb),.24) 55%,transparent 100%); }
    #guidedContourLayer .guided-contour-bottom { bottom:0; transform-origin:right center; background:linear-gradient(270deg,transparent 0%,rgba(var(--contour-rgb),.14) 16%,rgba(var(--contour-rgb),.22) 58%,transparent 100%); }
    #guidedContourLayer .guided-contour-left { left:0; transform-origin:center bottom; background:linear-gradient(0deg,transparent 0%,rgba(var(--contour-rgb),.12) 18%,rgba(var(--contour-rgb),.20) 58%,transparent 100%); }
    #guidedContourLayer.is-running { opacity:1; }
    #guidedContourLayer.is-running .guided-contour-top { animation:guidedContourX 390ms cubic-bezier(.22,1,.36,1) 1 forwards; }
    #guidedContourLayer.is-running .guided-contour-right { animation:guidedContourY 330ms cubic-bezier(.22,1,.36,1) 120ms 1 forwards; }
    #guidedContourLayer.is-running .guided-contour-bottom { animation:guidedContourX 420ms cubic-bezier(.22,1,.36,1) 285ms 1 forwards; }
    #guidedContourLayer.is-running .guided-contour-left { animation:guidedContourY 340ms cubic-bezier(.22,1,.36,1) 470ms 1 forwards; }
    @keyframes guidedContourX { from{transform:scaleX(0)} to{transform:scaleX(1)} }
    @keyframes guidedContourY { from{transform:scaleY(0)} to{transform:scaleY(1)} }

    body.guided-presentation-active #siteFooter { opacity:0!important; }
    body.guided-presentation-active #headerChapterIndicator { opacity:1; }

    @media (max-width:639px) {
      #guidedPresentationController { bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px)); width:calc(100vw - 20px); min-height:46px; gap:7px; padding:7px 7px 7px 10px; border-radius:12px; }
      #guidedStepLabel{font-size:7.8px;} #guidedTimeLabel{display:inline-block;font-size:7.4px;padding:0 5px;} .guided-controller-actions{gap:4px;} .guided-control-btn{height:32px;padding:0 8px;font-size:7.7px;letter-spacing:.045em;} #guidedPauseBtn{width:31px;min-width:31px;} #guidedPauseBtn::before{left:11px;} #guidedPauseBtn::after{right:11px;}
    }
    @media (prefers-reduced-motion:reduce) { #guidedPresentationController,#guidedScrubber{transition-duration:1ms!important;} #guidedSweepBeam{animation-duration:1ms!important;} }

/* V134 — compact stable premium transport with continuous global timeline. */
    #guidedPresentationController {
        left: 50% !important;
        bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px)) !important;
        width: min(410px, calc(100vw - 24px)) !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 7px 8px 7px 13px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 9px !important;
        border: 1px solid transparent !important;
        border-radius: 16px !important;
        background:
            radial-gradient(circle at 9% 35%, rgba(56,189,248,.100), transparent 34%) padding-box,
            radial-gradient(circle at 92% 72%, rgba(217,74,120,.075), transparent 36%) padding-box,
            linear-gradient(180deg, rgba(7,11,18,.975), rgba(3,6,11,.975)) padding-box,
            linear-gradient(108deg,
                rgba(56,189,248,.36) 0%,
                rgba(125,211,252,.12) 27%,
                rgba(255,255,255,.065) 50%,
                rgba(217,74,120,.11) 76%,
                rgba(217,74,120,.32) 100%) border-box !important;
        box-shadow:
            0 13px 38px rgba(0,0,0,.44),
            0 0 24px rgba(56,189,248,.025),
            inset 0 1px 0 rgba(255,255,255,.045),
            inset 0 -1px 0 rgba(2,6,12,.74) !important;
        -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
        backdrop-filter: blur(20px) saturate(120%) !important;
        overflow: visible !important;
        transform: translate(-50%, 7px) !important;
        transition:
            opacity 260ms cubic-bezier(.22,1,.36,1),
            transform 300ms cubic-bezier(.22,1,.36,1),
            visibility 260ms ease !important;
        will-change: opacity, transform;
        contain: layout style;
    }

    #guidedPresentationController::before {
        content: "";
        position: absolute;
        left: 11%;
        right: 11%;
        top: -1px;
        height: 1px;
        border-radius: 999px;
        background: linear-gradient(90deg,
            transparent,
            rgba(125,211,252,.24) 22%,
            rgba(226,232,240,.11) 50%,
            rgba(217,74,120,.20) 78%,
            transparent);
        opacity: .72;
        pointer-events: none;
    }

    #guidedPresentationController::after {
        content: "";
        position: absolute;
        inset: 1px;
        border-radius: 14px;
        border: 1px solid rgba(255,255,255,.018);
        pointer-events: none;
    }

    #guidedPresentationController.is-visible {
        transform: translate(-50%, 0) !important;
    }

    .guided-controller-progress {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        display: block !important;
        overflow: visible !important;
        --guided-seek: 0%;
    }

    #guidedStepLabel,
    #guidedTimeLabel {
        position: absolute !important;
        top: 5px !important;
        z-index: 4 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        font-family: 'JetBrains Mono', monospace !important;
        font-size: 8px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        letter-spacing: .075em !important;
        font-variant-numeric: tabular-nums !important;
        color: rgba(148,163,184,.60) !important;
        text-shadow: none !important;
        pointer-events: none !important;
        white-space: nowrap !important;
    }
    #guidedStepLabel { left: 0 !important; }
    #guidedTimeLabel {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        color: rgba(203,213,225,.69) !important;
    }

    #guidedScrubber {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 4px !important;
        width: 100% !important;
        height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 3 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        background: transparent !important;
        cursor: pointer !important;
        outline: none !important;
        touch-action: none !important;
    }

    #guidedScrubber::-webkit-slider-runnable-track {
        height: 2px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg,
            rgba(56,189,248,.94) 0%,
            rgba(217,74,120,.78) var(--guided-seek),
            rgba(100,116,139,.22) var(--guided-seek),
            rgba(100,116,139,.22) 100%) !important;
        box-shadow: inset 0 0 0 .5px rgba(255,255,255,.018) !important;
    }
    #guidedScrubber::-moz-range-track {
        height: 2px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(100,116,139,.22) !important;
    }
    #guidedScrubber::-moz-range-progress {
        height: 2px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, rgba(56,189,248,.94), rgba(217,74,120,.78)) !important;
    }
    #guidedScrubber::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 9px !important;
        height: 9px !important;
        margin-top: -3.5px !important;
        border-radius: 50% !important;
        border: 1px solid rgba(226,232,240,.82) !important;
        background: #0a1018 !important;
        box-shadow: 0 0 0 3px rgba(56,189,248,.075), 0 0 10px rgba(56,189,248,.10) !important;
        transition: transform 160ms cubic-bezier(.22,1,.36,1), box-shadow 160ms ease, border-color 160ms ease !important;
    }
    #guidedScrubber::-moz-range-thumb {
        width: 9px !important;
        height: 9px !important;
        border-radius: 50% !important;
        border: 1px solid rgba(226,232,240,.82) !important;
        background: #0a1018 !important;
        box-shadow: 0 0 0 3px rgba(56,189,248,.075), 0 0 10px rgba(56,189,248,.10) !important;
    }
    #guidedScrubber:hover::-webkit-slider-thumb,
    #guidedScrubber:focus-visible::-webkit-slider-thumb {
        transform: scale(1.18) !important;
        border-color: rgba(255,255,255,.92) !important;
        box-shadow: 0 0 0 4px rgba(56,189,248,.085) !important;
    }

    .guided-controller-actions {
        width: 116px !important;
        min-width: 116px !important;
        height: 38px !important;
        display: grid !important;
        grid-template-columns: 34px 76px !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .guided-control-btn {
        height: 34px !important;
        min-height: 34px !important;
        border-radius: 11px !important;
        border: 1px solid rgba(255,255,255,.065) !important;
        background: linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.015)) !important;
        color: rgba(226,232,240,.74) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
        transition:
            color 180ms ease,
            border-color 180ms ease,
            background 180ms ease,
            transform 180ms cubic-bezier(.22,1,.36,1) !important;
    }
    .guided-control-btn:hover {
        color: #f8fafc !important;
        border-color: rgba(125,211,252,.18) !important;
        background: rgba(56,189,248,.035) !important;
        transform: translateY(-1px) !important;
    }
    .guided-control-btn:active { transform: translateY(0) scale(.985) !important; }

    #guidedPauseBtn {
        width: 34px !important;
        min-width: 34px !important;
        padding: 0 !important;
    }
    #guidedPauseBtn::before { left: 11px !important; }
    #guidedPauseBtn::after { right: 11px !important; }

    #guidedPrimaryAction {
        width: 76px !important;
        min-width: 76px !important;
        padding: 0 !important;
        font-size: 8px !important;
        letter-spacing: .065em !important;
        color: rgba(203,213,225,.66) !important;
    }
    #guidedPrimaryAction:hover {
        color: rgba(248,250,252,.94) !important;
        border-color: rgba(217,74,120,.15) !important;
        background: rgba(217,74,120,.030) !important;
    }

    @media (max-width: 767px) {
        #guidedPresentationController {
            width: min(390px, calc(100vw - 18px)) !important;
            height: 48px !important;
            min-height: 48px !important;
            padding: 5px 7px 5px 12px !important;
            gap: 9px !important;
            border-radius: 12px !important;
        }
        #guidedPresentationController::after { border-radius:10px; }
        .guided-controller-progress { height:32px !important; }
        .guided-controller-actions {
            height:34px !important;
            width: 111px !important;
            min-width: 111px !important;
            grid-template-columns: 34px 72px !important;
            gap: 5px !important;
        }
        #guidedPauseBtn { width: 34px !important; min-width: 34px !important; }
        #guidedPrimaryAction { width: 72px !important; min-width: 72px !important; font-size: 7.2px !important; }
        #guidedStepLabel, #guidedTimeLabel { top: 4px !important; font-size: 7.1px !important; }
        #guidedScrubber { bottom: 1px !important; }
    }

    @media (prefers-reduced-motion: reduce) {
        #guidedPresentationController,
        .guided-control-btn,
        #guidedScrubber::-webkit-slider-thumb { transition-duration: 1ms !important; }
    }

/* V138 — optically centered transport icon. */
#guidedPauseBtn {
  display:grid !important; place-items:center !important; position:relative !important;
}
#guidedPauseBtn::before {
  content:"" !important; position:absolute !important; left:50% !important; top:50% !important;
  width:10px !important; height:12px !important; border:0 !important; border-radius:1px !important;
  background:linear-gradient(90deg,currentColor 0 28%,transparent 28% 72%,currentColor 72% 100%) !important;
  transform:translate(-50%,-50%) !important; clip-path:none !important; opacity:1 !important;
  transition:opacity 160ms ease,transform 180ms cubic-bezier(.22,1,.36,1),background 160ms ease !important;
}
#guidedPauseBtn::after { display:none !important; content:none !important; }
#guidedPauseBtn.is-paused::before {
  width:11px !important; height:13px !important; background:currentColor !important;
  clip-path:polygon(0 0,100% 50%,0 100%) !important;
  transform:translate(-43%,-50%) !important;
}
.chat-message-text.guided-chat-streaming::after {
  content:""; display:inline-block; width:1px; height:.95em; margin-left:2px; vertical-align:-.08em;
  background:rgba(125,211,252,.72); animation:nexisGuidedCaretV138 760ms steps(1,end) infinite;
}
#chatText2.guided-chat-streaming::after { background:rgba(203,213,225,.62); }
@keyframes nexisGuidedCaretV138 { 0%,46%{opacity:.92} 47%,100%{opacity:.16} }

/* V139 — HERO is driven by one narration clock. Legacy entry timers may still write inline
   styles, but cannot reveal guided content ahead of this master sequence. */
.guided-presentation-active.guided-hero-staging #headerLogoImg,
.guided-presentation-active.guided-hero-staging #headerBrandTextGroup {
  opacity:0 !important; transform:translate3d(0,5px,0) !important; filter:blur(2px) !important;
  transition:opacity 760ms cubic-bezier(.22,1,.36,1),transform 820ms cubic-bezier(.16,1,.3,1),filter 620ms ease !important;
}
.guided-presentation-active.guided-hero-staging #headerLogoImg.guided-hero-brand-show,
.guided-presentation-active.guided-hero-staging #headerBrandTextGroup.guided-hero-brand-show {
  opacity:1 !important; transform:translate3d(0,0,0) !important; filter:blur(0) !important;
}
.guided-presentation-active.guided-hero-staging #heroPreTag,
.guided-presentation-active.guided-hero-staging #heroMainWord1,
.guided-presentation-active.guided-hero-staging #heroMainWord2,
.guided-presentation-active.guided-hero-staging #heroSubline {
  opacity:0 !important; transform:translate3d(0,8px,0) !important; filter:blur(2.2px) !important;
  animation:none !important;
  transition:opacity 900ms cubic-bezier(.22,1,.36,1),transform 1040ms cubic-bezier(.16,1,.3,1),filter 760ms ease !important;
}
.guided-presentation-active.guided-hero-staging #heroPreTag.guided-hero-copy-show,
.guided-presentation-active.guided-hero-staging #heroMainWord1.guided-hero-copy-show,
.guided-presentation-active.guided-hero-staging #heroMainWord2.guided-hero-copy-show,
.guided-presentation-active.guided-hero-staging #heroSubline.guided-hero-copy-show {
  opacity:1 !important; transform:translate3d(0,0,0) !important; filter:blur(0) !important;
}
.guided-presentation-active.guided-hero-staging #heroVideoTabs,
.guided-presentation-active.guided-hero-staging #projectsRow,
.guided-presentation-active.guided-hero-staging #heroVideoControls,
.guided-presentation-active.guided-hero-staging #headerChapterIndicator,
.guided-presentation-active.guided-hero-staging #headerControlsGroup {
  opacity:0 !important; transform:translate3d(0,6px,0) !important; filter:blur(1.7px) !important;
  pointer-events:none !important;
  transition:opacity 700ms cubic-bezier(.22,1,.36,1),transform 800ms cubic-bezier(.16,1,.3,1),filter 600ms ease !important;
}
.guided-presentation-active.guided-hero-staging #heroVideoTabs.guided-hero-tech-show,
.guided-presentation-active.guided-hero-staging #projectsRow.guided-hero-tech-show,
.guided-presentation-active.guided-hero-staging #heroVideoControls.guided-hero-tech-show,
.guided-presentation-active.guided-hero-staging #headerChapterIndicator.guided-hero-tech-show,
.guided-presentation-active.guided-hero-staging #headerControlsGroup.guided-hero-tech-show {
  opacity:1 !important; transform:translate3d(0,0,0) !important; filter:blur(0) !important; pointer-events:auto !important;
}

.guided-presentation-active #heroPreTag.hero-unified-reveal,
.guided-presentation-active #heroMainWord1.hero-unified-reveal,
.guided-presentation-active #heroMainWord2.hero-unified-reveal,
.guided-presentation-active #heroSubline.hero-unified-reveal {
  animation-duration:1080ms !important;
  animation-timing-function:cubic-bezier(.18,.88,.24,1) !important;
}

/* V141 — final premium details: quiet chapters, clean scene isolation, physical pipeline motion. */
.guided-chapter-markers{position:absolute;left:0;right:0;bottom:11px;height:5px;z-index:2;pointer-events:none;}
.guided-chapter-markers span{position:absolute;top:1px;width:1px;height:4px;border-radius:999px;background:rgba(203,213,225,.24);transform:translateX(-.5px);box-shadow:0 0 0 .5px rgba(3,7,12,.45);}
.guided-chapter-markers span:first-child{background:rgba(125,211,252,.34);}

#heroCasesLinkBlock.guided-hero-complete-pass::after{content:"";position:absolute;z-index:8;left:0;top:0;width:28%;height:1px;pointer-events:none;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.52),rgba(226,232,240,.24),transparent);transform:translateX(-140%);opacity:0;animation:guidedHeroCompletePass 760ms cubic-bezier(.22,1,.36,1) forwards;}
@keyframes guidedHeroCompletePass{0%{transform:translateX(-140%);opacity:0}14%{opacity:.78}80%{opacity:.48}100%{transform:translateX(455%);opacity:0}}

#chatRow1,#chatRow2,#chatRow3{transition:opacity 220ms ease,filter 260ms ease,transform 680ms cubic-bezier(.16,1,.3,1)!important;}
#chatRow1.guided-chat-dim,#chatRow2.guided-chat-dim,#chatRow3.guided-chat-dim{opacity:.82!important;filter:brightness(.90) saturate(.92);}
#chatRow1.guided-chat-active,#chatRow2.guided-chat-active,#chatRow3.guided-chat-active{opacity:1!important;filter:brightness(1.025) saturate(1.01);}

#pipelineRunner{
  position:relative!important;width:100%!important;height:100%!important;
  overflow:visible!important;transition:none!important;
  opacity:var(--pipeline-line-opacity,0)!important;
  background:linear-gradient(90deg,rgba(52,211,153,.25),rgba(52,211,153,.4),rgba(52,211,153,.25))!important;
  box-shadow:none!important;filter:none!important;
}
#pipelineRunner::after{
  content:"";position:absolute;left:0;top:0;width:20%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(110,231,183,.45) 30%,rgba(232,255,246,.95) 50%,rgba(110,231,183,.45) 70%,transparent);
  opacity:var(--pipeline-light-opacity,0);
  transform:translateX(var(--pipeline-light-travel,-100%));
  pointer-events:none;
}

#guidedPresentationController.is-finishing{opacity:0!important;transform:translate(-50%,4px)!important;pointer-events:none!important;transition:opacity 460ms cubic-bezier(.22,1,.36,1),transform 460ms cubic-bezier(.22,1,.36,1),visibility 460ms ease!important;}

/* Keep the next chapter completely out of the current guided composition. */
body.guided-presentation-active.guided-camera-scene-3 #pricingHeader{opacity:0!important;visibility:hidden!important;transition:opacity 220ms ease,visibility 220ms ease!important;}
body.guided-presentation-active.guided-camera-scene-4 #contactInner{opacity:0!important;visibility:hidden!important;transition:opacity 240ms ease,visibility 240ms ease!important;}

@media(max-width:639px){.guided-chapter-markers{bottom:11px}.guided-chapter-markers span{height:3px}}
@media(prefers-reduced-motion:reduce){#heroCasesLinkBlock.guided-hero-complete-pass::after{animation-duration:1ms!important}}

/* V142 — keep HERO hierarchy deterministic after guided-mode polish. */
#heroVideoTabs {
  order: 1 !important;
}
#hero .hero-media-stage {
  order: 2 !important;
}
#projectsRow {
  order: 3 !important;
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  z-index: auto !important;
}

/* PROCESS: numbered steps lead; one rail pass follows step five. */

/* V150: after a fully completed guided presentation, return to a cleaner HERO.
     Skip/manual site mode remains unchanged. */
  body.nexis-final-hero-minimal #heroIncomingCard {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.nexis-final-hero-minimal #heroTelegramContainer {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }
  body.nexis-final-hero-minimal #heroBottomWrapper {
    gap: 0 !important;
  }

/* V151 — language choice morphs inside the existing CTA geometry. */
  #initSystemBtn { isolation:isolate; }
  #entryButtonContent {
    width:100%; height:100%; gap:0 !important;
    display:block !important; position:relative !important;
  }
  #entryDefaultFace,
  #entryLanguageFace {
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    transition:opacity 230ms ease, transform 330ms cubic-bezier(.22,1,.36,1), filter 260ms ease;
    will-change:opacity,transform;
  }
  #entryDefaultFace { gap:15px; opacity:1; transform:translate3d(0,0,0) scale(1); pointer-events:none; }
  #entryLanguageFace { opacity:0; transform:translate3d(0,5px,0) scale(.985); pointer-events:none; }
  #initSystemOverlay.entry-language-open #entryDefaultFace {
    opacity:0; transform:translate3d(0,-5px,0) scale(.985); filter:blur(2px);
  }
  #initSystemOverlay.entry-language-open #entryLanguageFace {
    opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; pointer-events:auto;
  }
  .entry-lang-option {
    position:relative; width:50%; height:100%; display:flex; align-items:center; justify-content:center;
    font:700 11px/1 'JetBrains Mono',monospace; letter-spacing:.16em;
    color:rgba(203,213,225,.70); cursor:pointer; user-select:none;
    transition:color 210ms ease, background 240ms ease, text-shadow 240ms ease, transform 180ms ease;
  }
  .entry-lang-option::after {
    content:''; position:absolute; left:22%; right:22%; bottom:11px; height:1px;
    opacity:0; transform:scaleX(.35);
    transition:opacity 220ms ease, transform 260ms cubic-bezier(.22,1,.36,1);
  }
  .entry-lang-ru::after { background:linear-gradient(90deg,transparent,rgba(34,211,238,.88),transparent); }
  .entry-lang-en::after { background:linear-gradient(90deg,transparent,rgba(236,72,153,.82),transparent); }
  .entry-lang-option:hover,
  .entry-lang-option:focus-visible { color:#fff; outline:none; }
  .entry-lang-ru:hover { background:linear-gradient(90deg,rgba(34,211,238,.035),transparent); text-shadow:0 0 12px rgba(34,211,238,.22); }
  .entry-lang-en:hover { background:linear-gradient(270deg,rgba(236,72,153,.032),transparent); text-shadow:0 0 12px rgba(236,72,153,.18); }
  .entry-lang-option:hover::after,
  .entry-lang-option:focus-visible::after { opacity:.9; transform:scaleX(1); }
  .entry-lang-option:active { transform:scale(.985); }
  .entry-lang-divider {
    position:absolute; left:50%; top:17px; bottom:17px; width:1px; transform:translateX(-.5px);
    background:linear-gradient(180deg,transparent,rgba(255,255,255,.12) 28%,rgba(255,255,255,.12) 72%,transparent);
    pointer-events:none;
  }
  #initSystemOverlay.entry-language-open #entryScanBorder { opacity:.88 !important; }
  #initSystemOverlay.entry-language-open #entryButtonSheen { opacity:.34 !important; }
  #initSystemOverlay.entry-activating #entryLanguageFace { pointer-events:none !important; }
  @media (max-width:639px) {
    #entryDefaultFace { gap:13px; }
    .entry-lang-option { font-size:10.5px; letter-spacing:.15em; }
    .entry-lang-divider { top:15px; bottom:15px; }
  }
  @media (prefers-reduced-motion:reduce) {
    #entryDefaultFace,#entryLanguageFace,.entry-lang-option,.entry-lang-option::after { transition-duration:1ms !important; }
  }

/* V156 — final guided-return HERO only. No timeline, language, audio or native HERO changes. */
  body.nexis-final-hero-minimal #heroBottomWrapper {
    margin-top: 64px !important;
  }

  body.nexis-final-hero-minimal #heroTelegramContainer {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  @media (min-width: 640px) and (max-width: 1023px) {
    body.nexis-final-hero-minimal #heroTelegramContainer {
      width: min(100%, 690px) !important;
      max-width: 690px !important;
    }
  }

  @media (max-width: 639px) {
    body.nexis-final-hero-minimal #heroBottomWrapper {
      margin-top: 48px !important;
    }
    body.nexis-final-hero-minimal #heroTelegramContainer {
      width: 100% !important;
      max-width: none !important;
    }
  }

/* =========================================================
     NEXIS DESIGN SYSTEM LOCK — V167
     Final authority for visual language. This block intentionally
     sits LAST in the document so small legacy edits cannot disturb
     the approved V166 art direction.
     ========================================================= */

  :root {
    /* Typography */
    --nexis-font-display: 'Syne', sans-serif;
    --nexis-font-body: 'Plus Jakarta Sans', sans-serif;
    --nexis-font-system: 'JetBrains Mono', monospace;

    /* Section geometry. Glyph bearings are corrected per rendered text line. */
    --nexis-axis: 0px;

    /* Motion grammar */
    --nexis-motion-ui: 200ms;
    --nexis-motion-reveal: 520ms;
    --nexis-motion-hero: 720ms;
    --nexis-ease-premium: cubic-bezier(.16,1,.3,1);
    --nexis-ease-soft: cubic-bezier(.22,1,.36,1);

    /* Stable surface language */
    --nexis-radius-control: 11px;
    --nexis-radius-card: 16px;
    --nexis-hairline: rgba(255,255,255,.06);
    --nexis-text-primary: #e2e8f0;
    --nexis-text-secondary: #94a3b8;
    --nexis-accent-magenta: #D94A78;
    --nexis-accent-cyan: #38BDF8;
    --nexis-accent-emerald: #34d399;
  }

  /* Font-family guard rails: size/geometry remain responsive elsewhere,
     but a local patch cannot accidentally change the visual language. */
  .display-xl,
  .display-l,
  .display-m,
  .font-syne { font-family: var(--nexis-font-display) !important; }

  body,
  .track-primary-desc,
  .editorial-subtext { font-family: var(--nexis-font-body) !important; }

  .track-secondary-mono,
  .font-mono { font-family: var(--nexis-font-system) !important; }

  /* ===== ART DIRECTION V165 — consolidated ===== */
/* =========================================================
     V165 — ART DIRECTION LOCK
     One typography rhythm / one motion grammar / EN small-copy pass.
     ========================================================= */
/* --- Optical axes ---------------------------------------------------- */
  #heroHeadlineBlock {
    padding-left: var(--nexis-axis) !important;
  }

  @media (min-width: 1024px) {
    #hunterHeadingNode {
      padding-left: var(--nexis-axis) !important;
      box-sizing: border-box !important;
    }

    #founderRightCol > .w-full:first-child,
    #founderMotionStageWrapper {
      width: calc(100% - var(--nexis-axis)) !important;
      margin-left: var(--nexis-axis) !important;
      box-sizing: border-box !important;
    }

    #founderMotionStageWrapper {
      margin-top: 90px !important;
    }
  }

  /* --- Headline hierarchy --------------------------------------------- */
  #founderRightCol .display-m {
    
    
    
  }

  #hunterHeadingNode .display-l,
  #pricingHeader .display-l,
  #contactInner .display-l {
    line-height: 0.975 !important;
  }

  /* The same optical density in RU and EN, with EN slightly tighter. */
  [data-lang="en"] #founderHeadLine1,
  [data-lang="en"] #founderHeadLine2,
  [data-lang="en"] #hunterMainWord1,
  [data-lang="en"] #hunterMainWord2,
  [data-lang="en"] #collabHeadMain,
  [data-lang="en"] #collabHeadAccent,
  [data-lang="en"] #contactHead1,
  [data-lang="en"] #contactHead2 {
    letter-spacing: -0.024em !important;
  }

  /* --- EN micro typography -------------------------------------------- */
  [data-lang="en"] .founder-stat-label {
    
    
    
    text-transform: uppercase !important;
  }

  [data-lang="en"] #founderTrackSub1,
  [data-lang="en"] #founderTrackSub2,
  [data-lang="en"] #founderTrackLine1,
  [data-lang="en"] #founderTrackLine2,
  [data-lang="en"] #founderOutcomeDesc {
    
    text-transform: uppercase !important;
    
    
    
  }

  [data-lang="en"] #founderTrackSub1,
  [data-lang="en"] #founderTrackSub2 {
    
  }

  [data-lang="en"] #founderTrackLine1,
  [data-lang="en"] #founderTrackLine2,
  [data-lang="en"] #founderOutcomeDesc {
    
  }

  [data-lang="en"] #heroCasesSub {
    
    
    
    
    text-transform: uppercase !important;
  }

  [data-lang="en"] #hunterStageHeaderTag,
  [data-lang="en"] #hunterChatTitle,
  [data-lang="en"] #collabParamsTag {
    
  }

  [data-lang="en"] #hunterFeaturesGrid {
    
    
  }

  [data-lang="en"] #param1,
  [data-lang="en"] #param2,
  [data-lang="en"] #param3 {
    
    
    
    
    
    
  }

  /* PROCESS: EN descriptions become intentional system labels instead of
     tiny paragraph copy. Two lines are allowed so nothing is visually crushed. */
  [data-lang="en"] #pipeDesc1,
  [data-lang="en"] #pipeDesc2,
  [data-lang="en"] #pipeDesc3,
  [data-lang="en"] #pipeDesc4,
  [data-lang="en"] #pipeDesc5 {
    
    
    
    
    
    
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    min-height: 24px !important;
    display: flex !important;
    align-items: flex-start !important;
  }

  [data-lang="en"] #pipeTitle1,
  [data-lang="en"] #pipeTitle2,
  [data-lang="en"] #pipeTitle3,
  [data-lang="en"] #pipeTitle4,
  [data-lang="en"] #pipeTitle5 {
    
    
  }

  [data-lang="en"] #pipelineTrack .step-item {
    min-height: 58px !important;
    align-items: flex-start !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  [data-lang="en"] #collabStatementLine2 {
    
  }

  /* Editorial/body text stays sentence case and breathes normally. */
  [data-lang="en"] #collabSubtext,
  [data-lang="en"] #contactSubline,
  [data-lang="en"] .hunter-pipeline-desc,
  [data-lang="en"] #fadeTaskText {
    
    
  }

  /* --- Motion grammar -------------------------------------------------- */
  .cat-tab,
  .proj-tab,
  .hero-control-btn,
  .founder-voice-control,
  .footer-back-link,
  #headerContactToggle,
  #videoProjectCta,
  #hunterNextScenarioBtn {
    transition-duration: var(--nexis-motion-ui) !important;
  }

  /* Normal live-site reveals. */
  #heroIncomingCard,
  #heroTelegramContainer,
  #heroVideoTabs,
  #projectsRow,
  #heroVideoControls,
  #headerChapterIndicator,
  #headerControlsGroup {
    transition-duration: var(--nexis-motion-reveal) !important;
    transition-timing-function: var(--nexis-ease-soft) !important;
  }

  /* Guided HERO: same physical language as the rest of the site.
     No long 900–1040ms drag, no exaggerated 8px travel. */
  .guided-presentation-active.guided-hero-staging #heroPreTag,
  .guided-presentation-active.guided-hero-staging #heroMainWord1,
  .guided-presentation-active.guided-hero-staging #heroMainWord2,
  .guided-presentation-active.guided-hero-staging #heroSubline {
    transform: translate3d(0,5px,0) !important;
    filter: blur(1.5px) !important;
    transition:
      opacity var(--nexis-motion-hero) var(--nexis-ease-soft),
      transform 760ms var(--nexis-ease-premium),
      filter 520ms ease !important;
  }

  .guided-presentation-active.guided-hero-staging #heroPreTag.guided-hero-copy-show,
  .guided-presentation-active.guided-hero-staging #heroMainWord1.guided-hero-copy-show,
  .guided-presentation-active.guided-hero-staging #heroMainWord2.guided-hero-copy-show,
  .guided-presentation-active.guided-hero-staging #heroSubline.guided-hero-copy-show {
    transform: translate3d(0,0,0) !important;
    filter: blur(0) !important;
  }

  .guided-presentation-active.guided-hero-staging #heroVideoTabs,
  .guided-presentation-active.guided-hero-staging #projectsRow,
  .guided-presentation-active.guided-hero-staging #heroVideoControls,
  .guided-presentation-active.guided-hero-staging #headerChapterIndicator,
  .guided-presentation-active.guided-hero-staging #headerControlsGroup {
    transform: translate3d(0,4px,0) !important;
    filter: blur(1.2px) !important;
    transition:
      opacity var(--nexis-motion-reveal) var(--nexis-ease-soft),
      transform 560ms var(--nexis-ease-premium),
      filter 420ms ease !important;
  }

  .guided-presentation-active.guided-hero-staging #heroVideoTabs.guided-hero-tech-show,
  .guided-presentation-active.guided-hero-staging #projectsRow.guided-hero-tech-show,
  .guided-presentation-active.guided-hero-staging #heroVideoControls.guided-hero-tech-show,
  .guided-presentation-active.guided-hero-staging #headerChapterIndicator.guided-hero-tech-show,
  .guided-presentation-active.guided-hero-staging #headerControlsGroup.guided-hero-tech-show {
    transform: translate3d(0,0,0) !important;
    filter: blur(0) !important;
  }

  /* Slightly quieter physical movement site-wide. */
  #collabLeftZone,
  #collabRightZone,
  #collabStatementBox,
  #resultColumnsBox,
  #resultOutcomeBox {
    will-change: opacity, transform, filter;
  }

  /* --- Responsive corrections ---------------------------------------- */
  @media (max-width: 1023px) {
    #heroHeadlineBlock {
      padding-left: 0 !important;
    }

    #hunterHeadingNode {
      padding-left: 0 !important;
    }

    #founderRightCol > .w-full:first-child,
    #founderMotionStageWrapper {
      width: 100% !important;
      margin-left: 0 !important;
    }
  }

  @media (max-width: 639px) {
    [data-lang="en"] .founder-stat-label {
      
      
    }

    [data-lang="en"] #founderTrackSub1,
    [data-lang="en"] #founderTrackSub2 {
      
      
    }

    [data-lang="en"] #founderTrackLine1,
    [data-lang="en"] #founderTrackLine2,
    [data-lang="en"] #founderOutcomeDesc {
      
      
    }

    [data-lang="en"] #pipelineTrack {
      grid-template-columns: repeat(5, 136px) !important;
      gap: 10px !important;
    }

    [data-lang="en"] #pipelineTrack .step-item {
      width: 136px !important;
      min-height: 58px !important;
    }

    [data-lang="en"] #pipeDesc1,
    [data-lang="en"] #pipeDesc2,
    [data-lang="en"] #pipeDesc3,
    [data-lang="en"] #pipeDesc4,
    [data-lang="en"] #pipeDesc5 {
      
      min-height: 22px !important;
    }

    [data-lang="en"] #param1,
    [data-lang="en"] #param2,
    [data-lang="en"] #param3 {
      
    }
  }

  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      scroll-behavior: auto !important;
    }
  }

  /* ===== EN DESCRIPTION TYPE V166 — consolidated ===== */
/* =========================================================
     V166 — EN DESCRIPTION TYPE LOCK
     The descriptive copy now belongs to the same NEXIS system
     instead of reading like generic lowercase web body text.
     ========================================================= */

  [data-lang="en"] #collabSubtext,
  [data-lang="en"] #contactSubline {
    
    
    
    
    
    
    color: rgba(203, 213, 225, .82) !important;
  }

  [data-lang="en"] #descStage1,
  [data-lang="en"] #descStage3 {
    
    
    
    
    
    
    color: rgba(148, 163, 184, .90) !important;
  }

  [data-lang="en"] #quoteText {
    
    
    font-weight: 500 !important;
    
    
    
    color: rgba(203, 213, 225, .94) !important;
  }

  /* Preserve the emerald semantic arrow inside the third stage. */
  [data-lang="en"] #descStage3 .text-emerald-400 {
    letter-spacing: 0 !important;
  }

  @media (max-width: 639px) {
    [data-lang="en"] #collabSubtext,
    [data-lang="en"] #contactSubline {
      
      
      
    }

    [data-lang="en"] #descStage1,
    [data-lang="en"] #descStage3 {
      
      
    }

    [data-lang="en"] #quoteText {
      
      
      
    }
  }

  /* ===== HEADER PIXEL LOCK — consolidated ===== */
/* V144 — exact desktop header geometry. The guided reveal must never overwrite
   the absolute centering transform of the chapter indicator. */
@media (min-width: 768px) {
  #headerChapterIndicator {
    position: absolute !important;
    left: 50% !important;
    top: calc(50% + 1px) !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    transform-origin: center center !important;
  }

  /* Hidden staging keeps the same X/Y anchor and only adds the reveal offset. */
  body.guided-presentation-active.guided-hero-staging #headerChapterIndicator {
    transform: translate(-50%, calc(-50% + 6px)) !important;
  }

  body.guided-presentation-active.guided-hero-staging #headerChapterIndicator.guided-hero-tech-show {
    transform: translate(-50%, -50%) !important;
  }

  #chapterIndicatorRow {
    height: 24px !important;
    min-height: 24px !important;
    align-items: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #chapterCounterGroup,
  #chapterSeparator,
  #chapterTitleViewport {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #chapterCounterGroup,
  #chapterTitleViewport {
    height: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
  }

  #chapterSeparator,
  #chapterCounterGroup > span,
  #chapterUnitDigit,
  #chapterTitleWord {
    line-height: 16px !important;
  }

  /* Preserve the established optical axis for the left and right header groups. */
  #headerInnerRow {
    align-items: center !important;
  }
  .header-brand-link,
  #headerControlsGroup {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #headerControlsGroup,
  #langSwitcher,
  #headerContactChooser,
  #headerContactToggle {
    transform-origin: center center !important;
  }
}

  /* ===== GUIDED SCROLL LOCK — consolidated ===== */
/* V145 — lock only user-driven scrolling while narration is PLAYING.
   Programmatic guided camera scrolls remain available. */
html.guided-user-scroll-locked,
body.guided-user-scroll-locked {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
}
html { scrollbar-gutter: stable; }
#guidedPresentationController { touch-action: auto !important; }
#guidedScrubber { touch-action: pan-x !important; }

/* Responsive geometry: one authoritative component pass, preserving V167 art direction. */
#heroHeadlineBlock { container-type: inline-size; }
/* All HERO copy starts at the section axis; font bearings are handled separately. */
body[data-lang] #hero #heroHeadlineBlock,
body[data-lang] #hero #heroPreTag,
body[data-lang] #hero #heroSubline { padding-left: 0 !important; }
#headerInnerRow { transform: none !important; }
#mainSiteHeader { transform: none !important; translate: none !important; }
#radar { margin-top: 0 !important; }
#founderMotionStageWrapper { height: auto !important; }
#resultDirections { position: relative !important; inset: auto !important; padding-top: 150px; }
@media (min-width: 640px) { #resultDirections { padding-top: 160px; } }
@media (min-width: 1024px) { #resultDirections { padding-top: 166px; } }
@media (min-width: 768px) { #headerChapterIndicator { top: 50% !important; } }
@media (min-width: 768px) and (max-width: 1279px) {
  #headerBrandTextGroup, #headerControlsGroup > div:first-child { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1023px) { #headerChapterIndicator { display: none !important; } }
body:has(#headerContactChooser.is-open) #headerChapterIndicator { opacity: 0 !important; visibility: hidden !important; }
#heroHeadlineBlock .display-xl { font-size: min(70.4px, 13cqw) !important; }
body[data-lang="en"] #heroHeadlineBlock .display-xl { font-size: min(70.4px, 11.1cqw) !important; }
#hunterChatPanel { min-width: 0; }
#hunterChatHeaderMobile { padding: 0 0 12px !important; }
#videoProjectCta { height: 40px !important; min-height: 40px !important; }
#mobileVideoRail { display: none; }
@media (max-width: 767px), (max-width: 1023px) and (max-height: 639px) and (pointer: coarse) {
  #videoCornerBrackets { display: none !important; }
  #mobileVideoRail { display: flex; order: 3 !important; position: relative; align-items: center; gap: 12px; min-height: 44px; width: 100%; z-index: 51; }
  #projectsRow { order: 4 !important; }
  #mobileVideoRail #heroVideoControls { position: relative !important; inset: auto !important; transform: none !important; height: 44px !important; gap: 8px !important; flex: 0 0 auto; }
  #mobileVideoRail .hero-control-btn { width: 44px !important; height: 44px !important; border-radius: 11px !important; }
  body[data-lang] #mobileVideoRail #videoProjectCta { position: relative !important; inset: auto !important; transform: none !important; flex: 1 1 auto; width: auto !important; min-width: 0 !important; max-width: none !important; height: 44px !important; min-height: 44px !important; padding: 0 12px !important; border-radius: 11px !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; filter: none !important; pointer-events: auto !important; }
  body[data-lang] #mobileVideoRail #videoProjectCtaText { font-size: 11px !important; line-height: 1 !important; }
  #mobileVideoRail #audioSliderContainer { left: 108px !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: auto !important; height: 44px !important; padding: 0 22px !important; transform: none !important; background: #090d11 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important; transition: border-color 180ms ease !important; }
  #mobileVideoRail #audioSliderContainer .audio-volume-range { width: 100% !important; }
  #mobileVideoRail:has(#audioSliderContainer.is-open) #videoProjectCta { visibility: hidden !important; pointer-events: none !important; }
  body[data-lang].guided-presentation-active.guided-hero-staging #mobileVideoRail #videoProjectCta:not(.guided-hero-tech-show) { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
}
@media (max-width: 767px) {
  .site-container { padding-left: max(16px, env(safe-area-inset-left)) !important; padding-right: max(16px, env(safe-area-inset-right)) !important; }
  #hero > .grid { row-gap: 24px !important; }
  #heroBottomWrapper { gap: 12px !important; }
  #heroBottomWrapper > * { margin: 0 !important; }
  #heroIncomingCard { padding: 16px !important; border-radius: 14px !important; }
  #heroIncomingLive { display: none !important; }
  body.nexis-final-hero-minimal #heroIncomingCard { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
  body.nexis-final-hero-minimal #heroBottomWrapper { gap: 12px !important; }
  #heroIncomingCard > div:first-child > div > span[aria-hidden] { display: none !important; }
  #heroIncomingCard > div:nth-child(2) { align-items: flex-start !important; gap: 12px !important; min-height: 42px !important; margin-top: 8px !important; }
  #heroIncomingCard #taskIcon { order: 2; margin-top: 3px; }
  #heroIncomingCard #fadeTaskText { order: 1; }
  #heroHeadlineBlock .display-xl { font-size: min(43.52px, 12.5cqw) !important; }
  body[data-lang="en"] #heroHeadlineBlock .display-xl { font-size: min(43.52px, 11.2cqw) !important; }
  #heroBottomWrapper, body.nexis-final-hero-minimal #heroBottomWrapper { margin-top: 24px !important; }
  #heroCasesLinkBlock { min-height: 80px !important; padding: 16px !important; border: 1px solid rgba(255,255,255,.04); border-radius: 14px !important; background: rgba(255,255,255,.015); }
  #heroCasesLinkBlock > div:first-child { display: none !important; }
  #heroCasesSub { margin-top: 8px !important; }
  #telegramIcon { order: 2; margin-top: 1px !important; }
  #telegramTextWrapper { order: 1; min-width: 0; }
  #pipelineScroller { margin: 0 !important; width: 100% !important; padding: 0 !important; overflow: visible !important; }
  body[data-lang] #pipelineTrack { width: 100% !important; max-width: none !important; margin-inline: 0 !important; min-width: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; padding: 0 !important; }
  body[data-lang] #pipelineTrack .step-item { width: 100% !important; min-width: 0 !important; min-height: 64px !important; height: auto !important; padding: 10px 14px !important; align-items: center !important; gap: 14px !important; border: 1px solid rgba(255,255,255,.055); border-radius: 12px; background: rgba(255,255,255,.017); }
  #pipelineTrack .step-item > div { flex: 1; min-width: 0; }
  #pipelineTrack .step-item > span { position: relative; z-index: 1; }
  #pipelineTrack .step-item > span { width: 28px !important; height: 28px !important; flex-shrink: 0; }
  #pipelineRail { display: none !important; }
  #collabDetailsGrid { max-width: none; width: 100%; margin: 32px 0 0 !important; padding: 0 14px !important; row-gap: 28px !important; }
  #collabLeftZone { display: grid !important; row-gap: 12px !important; }
  #collabLeftZone > * { margin: 0 !important; }
  #collabLeftZone > div:first-child > span:first-child { display: none !important; }
  #collabLeftZone > div:nth-child(2) { display: grid !important; grid-template-columns: minmax(0,1fr); gap: 8px !important; padding: 0 !important; }
  #collabLeftZone > div:nth-child(2) > span:not([id]) { display: none !important; }
  #collabRightZone > div { display: grid !important; gap: 0 !important; }
  body[data-lang] #collabRightZone .flex.items-baseline { display: grid !important; grid-template-columns: 90px minmax(0,1fr) !important; column-gap: 16px !important; align-items: baseline !important; margin: 0 !important; padding: 12px 0 !important; border-top: 1px solid rgba(255,255,255,.06); }
  body[data-lang] #collabRightZone .flex.items-baseline > span { min-width: 0 !important; text-align: left !important; white-space: normal !important; }
  #collabStatementBox { width: 100%; max-width: none; margin: 0 !important; padding: 0 !important; }
  body[data-lang] #pipeTitle1, body[data-lang] #pipeTitle2, body[data-lang] #pipeTitle3, body[data-lang] #pipeTitle4, body[data-lang] #pipeTitle5 { white-space: normal !important; }
  body[data-lang] #pipeDesc1, body[data-lang] #pipeDesc2, body[data-lang] #pipeDesc3, body[data-lang] #pipeDesc4, body[data-lang] #pipeDesc5 { white-space: normal !important; min-height: 0 !important; display: block !important; overflow: visible !important; text-overflow: clip !important; }
  body[data-lang="en"] #pricingHeader .display-l { font-size: clamp(20.8px, 6.8vw, 27.2px) !important; }
  #contactInner h2 { font-size: clamp(22px, 6.6vw, 28px) !important; line-height: 1.1 !important; }
  #contactHead1, #contactHead2 { white-space: normal !important; transform: none !important; line-height: 1.1 !important; overflow-wrap: normal !important; }
  #contactHead2 { margin-top: 4px; }
  #founderTrackBtn1 > div:first-child, #founderTrackBtn2 > div:first-child { min-height: 28px !important; }
  #founderTrackBtn1 > div:nth-child(2), #founderTrackBtn2 > div:nth-child(2) { margin-top: 8px !important; }
  #founderMotionStageWrapper { min-height: 410px !important; }
  #resultDirections { padding-top: 134px; }
  #hunterFeaturesGrid { align-items: start !important; text-align: left !important; row-gap: 12px !important; column-gap: 16px !important; }
  #hunterFeaturesGrid > div { align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; }
  #hunterFeaturesGrid > div > span { display: block !important; text-align: left !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
}

/* Type roles. Language may differ; equal roles share exact metrics within each language. */
:root {
  --nexis-font-display: 'Syne', 'Arial Black', Arial, sans-serif;
  --nexis-font-body: 'Plus Jakarta Sans', Arial, sans-serif;
  --nexis-type-section: clamp(26px, 2.65vw, 36px);
  --nexis-tracking-display: .018em;
  --nexis-type-body: 14px;
  --nexis-type-label: 11px;
  --nexis-type-meta: 11px;
  --nexis-type-item: 14px;
}
body[data-lang="ru"] { --nexis-font-display: 'Arial Black', Arial, sans-serif; --nexis-font-body: Arial, sans-serif; }
body[data-lang] #founderRightCol .display-m,
body[data-lang] #hunterHeadingNode .display-l,
body[data-lang] #pricingHeader .display-l { font-size: var(--nexis-type-section) !important; line-height: 1 !important; letter-spacing: var(--nexis-tracking-display) !important; font-weight: 800 !important; }
body[data-lang] #founderHeadLine1, body[data-lang] #founderHeadLine2,
body[data-lang] #hunterMainWord1, body[data-lang] #hunterMainWord2,
body[data-lang] #collabHeadMain, body[data-lang] #collabHeadAccent { font-size: inherit !important; font-weight: inherit !important; line-height: 1 !important; letter-spacing: var(--nexis-tracking-display) !important; }
body[data-lang] #heroHeadlineBlock #heroMainWord1,
body[data-lang] #heroHeadlineBlock #heroMainWord2,
body[data-lang] #heroHeadlineBlock .en-headline-line,
body[data-lang] #contactHead1, body[data-lang] #contactHead2 {
  letter-spacing: var(--nexis-tracking-display) !important;
}
body[data-lang] #founderTrackHead1, body[data-lang] #founderTrackHead2,
body[data-lang] #founderOutcomeTitle, body[data-lang] #collabStatementLine1 { font-size: var(--nexis-type-item) !important; line-height: 1.4 !important; letter-spacing: .05em !important; font-weight: 700 !important; }
body[data-lang] #heroSubline, body[data-lang] #collabSubtext, body[data-lang] #contactSubline,
body[data-lang] #fadeTaskText, body[data-lang] .hunter-pipeline-desc,
body[data-lang] #descStage1, body[data-lang] #descStage3,
body[data-lang] #founderTrackSub1, body[data-lang] #founderTrackSub2,
body[data-lang] #param1, body[data-lang] #param2, body[data-lang] #param3,
body[data-lang] #termVal1, body[data-lang] #termVal2, body[data-lang] #termVal3 {
  font-family: var(--nexis-font-body) !important; font-size: var(--nexis-type-body) !important;
  line-height: 1.5 !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important;
}
body[data-lang] #collabRightZone :is(#termVal1,#termVal2,#termVal3) { font-family: var(--nexis-font-body) !important; font-size: var(--nexis-type-body) !important; line-height: 1.5 !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
body[data-lang] #collabRightZone :is(#termKey1,#termKey2,#termKey3) { font-family: var(--nexis-font-system) !important; font-size: var(--nexis-type-label) !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: .07em !important; }
body[data-lang] #heroCasesTitle, body[data-lang] #heroCasesSub,
body[data-lang] #heroIncomingTag, body[data-lang] .hunter-status-label,
body[data-lang] #hunterStageHeaderTag, body[data-lang] #hunterChatTitle, body[data-lang] #hunterChatTitleMobile,
body[data-lang] #collabParamsTag, body[data-lang] #hunterFeaturesGrid,
body[data-lang] #pipeTitle1, body[data-lang] #pipeTitle2, body[data-lang] #pipeTitle3, body[data-lang] #pipeTitle4, body[data-lang] #pipeTitle5,
body[data-lang] #termKey1, body[data-lang] #termKey2, body[data-lang] #termKey3 {
  font-family: var(--nexis-font-system) !important; font-size: var(--nexis-type-label) !important;
  line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: .07em !important;
}
body[data-lang] #heroCasesSub,
body[data-lang] #founderTrackLine1, body[data-lang] #founderTrackLine2,
body[data-lang] #founderOutcomeDesc, body[data-lang] #collabStatementLine2 {
  font-family: var(--nexis-font-system) !important; font-size: var(--nexis-type-meta) !important;
  line-height: 1.5 !important; font-weight: 500 !important; letter-spacing: .035em !important;
}
body[data-lang] #pipeDesc1, body[data-lang] #pipeDesc2, body[data-lang] #pipeDesc3, body[data-lang] #pipeDesc4, body[data-lang] #pipeDesc5 {
  font-family: var(--nexis-font-body) !important; font-size: var(--nexis-type-meta) !important;
  line-height: 1.45 !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important;
}
body[data-lang] #quoteText { font-family: var(--nexis-font-body) !important; font-size: var(--nexis-type-body) !important; line-height: 1.55 !important; letter-spacing: 0 !important; text-transform: none !important; }
body[data-lang] .kinetic-word { font-family: var(--nexis-font-display) !important; font-size: var(--nexis-type-item) !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: .08em !important; }
body[data-lang] .founder-stat-label { font-size: 10px !important; line-height: 1.3 !important; letter-spacing: .04em !important; margin-top: 8px !important; white-space: normal !important; }
body[data-lang] .founder-stat-value { font-size: clamp(17px,5.12vw,20px) !important; line-height: 1.2 !important; width:max-content !important; max-width:none !important; padding-inline:3px !important; margin-inline:auto; }
body[data-lang] .founder-stat-tile { justify-content: center !important; min-height: 80px !important; height: auto !important; padding-top: 4px !important; }
body[data-lang] .founder-stats-panel { height: auto !important; margin-top:0 !important; padding-top:2px !important; grid-template-columns:minmax(max-content,1fr) 1px minmax(max-content,1fr) 1px minmax(max-content,1fr) !important; }
@media(min-width:768px) {
  body[data-lang] .founder-stat-value { font-size:26px !important; }
  body[data-lang] .founder-stat-tile { min-height:112px !important; }
}
@media(min-width:1024px) {
  body[data-lang] .founder-stat-value { font-size:clamp(32px,2.22vw,40px) !important; }
  body[data-lang] .founder-stat-label { font-size:12px !important; margin-top:14px !important; }
  body[data-lang] .founder-stat-tile { min-height:120px !important; padding:8px 4px !important; }
  body[data-lang] .founder-stats-panel { min-height:136px !important; padding:0 !important; }
  body[data-lang] .founder-stat-divider { height:70px !important; }
}
body[data-lang] .founder-voice-copy { font-size:14px !important; letter-spacing:.015em !important; color:rgba(241,245,249,.94) !important; }
body[data-lang] .founder-voice-timer { font-size:11px !important; letter-spacing:.025em !important; color:rgba(203,213,225,.85) !important; }
@media(max-width:767px) {
  body[data-lang] .founder-voice-copy { font-size:11px !important; }
  body[data-lang] .founder-voice-timer { font-size:10px !important; }
}
@media(max-width:360px) {
  body[data-lang] .founder-voice-copy { font-size:10px !important; }
  body[data-lang] .founder-voice-timer { font-size:9px !important; }
  body[data-lang] .founder-voice-line { grid-template-columns:36px max-content minmax(0,1fr) max-content !important; column-gap:4px !important; padding-inline:6px !important; }
  body[data-lang] .founder-voice-control { width:36px !important; height:36px !important; }
}
body[data-lang] .chat-message-text, body[data-lang] #ghostText1, body[data-lang] #ghostText2, body[data-lang] #ghostText3 { font-family: var(--nexis-font-body) !important; font-size: 13px !important; line-height: 1.5 !important; }
body[data-lang] #chatText1, body[data-lang] #chatText2, body[data-lang] #chatText3 { display: block !important; text-align: left !important; }
body[data-lang] #ghostText2 { text-align: left !important; }
body[data-lang] #chatRow1, body[data-lang] #chatRow2, body[data-lang] #chatRow3 { transform: none !important; transition: opacity 320ms cubic-bezier(.33,0,.2,1), filter 260ms ease !important; }
body[data-lang] #typing1, body[data-lang] #typing2, body[data-lang] #typing3 { top: 8px !important; bottom: auto !important; height: 20px; padding: 0 !important; }
body[data-lang] #liveChatStream > div > div:not(:first-child), body[data-lang] #chatRow2 > div:first-child { line-height: 1.5 !important; }
body[data-lang] #founderTrackBtn1, body[data-lang] #founderTrackBtn2 { border: 0; background: transparent; padding: 0; color: inherit; border-radius: 4px; }
body.native-scroll-restored #guidedResponsibilityPhrase { opacity:1 !important; color:rgba(248,250,252,.98) !important; }
#mobileLangToggle { display: none !important; }
/* Crop the source logo's transparent padding into the same 30px optical slot. */
body[data-lang] #headerLogoImg { width: 52px !important; height: 52px !important; max-width: none !important; margin: -11px !important; translate: 1px 0 !important; }
body[data-lang] #headerSocialLinks .header-social-linkedin { color: #0A66C2 !important; }
body[data-lang] #headerSocialLinks .header-social-linkedin :is(.header-social-frame,.header-social-glyph) { fill: #fff; }
body[data-lang] #headerSocialLinks .header-social-instagram > svg { filter: none !important; opacity: 1 !important; }
body[data-lang] #langSwitcher { height: 44px !important; padding: 2px !important; display: flex !important; align-items: center !important; }
body[data-lang] #langSwitcher button { height: 40px !important; min-width: 40px !important; padding: 0 6px !important; font-size: 11px !important; line-height: 1 !important; }
body[data-lang] #headerCtaTitle { font-size: 10px !important; letter-spacing: .035em !important; }
body[data-lang] #headerContactChooser, body[data-lang] #headerContactToggle { height: 44px !important; min-height: 44px !important; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #38bdf8 !important; outline-offset: 4px !important; }
body[data-lang] .footer-back-link { min-height: 44px !important; font-size: 11px !important; display: inline-flex !important; align-items: center !important; }
@media (max-width: 767px), (max-width: 1023px) and (max-height: 639px) and (pointer: coarse) {
  body[data-lang] #headerInnerRow { height: 56px !important; min-height: 56px !important; gap:18px !important; }
  body[data-lang] #logoFallback { font-family: 'JetBrains Mono', monospace !important; font-size: 10px !important; letter-spacing: 0 !important; line-height: 1 !important; }
  body[data-lang] .header-brand-link { gap: 0 !important; }
  body[data-lang] #headerBrandTextGroup, body[data-lang] #headerBrandIntroPulse { display: none !important; }
  body[data-lang] .header-brand-link::after { display: none !important; }
  body[data-lang] #headerControlsGroup #headerSocialLinks { display: flex !important; gap: 4px !important; column-gap: 4px !important; margin-right: 8px !important; }
  body[data-lang] #headerSocialLinks .header-social-link { width: 28px !important; height: 36px !important; background: none !important; box-shadow: none !important; transform: none !important; }
  body[data-lang] #headerSocialLinks svg { width: 17px !important; height: 17px !important; filter: none !important; }
  body[data-lang] #langSwitcher { height: 36px !important; }
  body[data-lang] #headerControlsGroup #langSwitcher { margin-right: 4px !important; }
  body[data-lang] #langSwitcher { background: rgba(255,255,255,.02) !important; border-color: rgba(203,213,225,.16) !important; box-shadow: none !important; }
  body[data-lang] #langSwitcher button { height: 32px !important; min-width: 32px !important; font-size: 10px !important; color: #e2e8f0 !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; cursor: pointer !important; }
  body[data-lang] #langRu, body[data-lang] #langEn { display: none !important; }
  body[data-lang] #mobileLangToggle { display: flex !important; }
  body[data-lang] #headerControlsGroup.contact-choice-open #langSwitcher { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; }
  body[data-lang] #headerContactChooser { --morph-collapsed-width: 128px !important; --morph-open-width: 128px !important; width: 128px !important; flex: 0 0 128px !important; transition: none !important; }
  body[data-lang] #headerContactToggle { padding: 0 7px !important; }
  body[data-lang] #headerContactChooser, body[data-lang] #headerContactToggle { height: 36px !important; min-height: 36px !important; }
  body[data-lang] #headerContactChooser.is-open #headerContactToggle { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; }
  body[data-lang] #headerContactMenu { top: calc(100% + 12px) !important; width: 196px !important; height: auto !important; min-height: 0 !important; padding: 6px !important; grid-template-columns: minmax(0,1fr) !important; gap: 4px !important; transform: translateY(6px) !important; transform-origin: top right !important; transition: opacity 220ms ease, visibility 220ms ease, transform 260ms cubic-bezier(.22,1,.36,1) !important; }
  body[data-lang] #headerContactChooser.is-open #headerContactMenu { transform: none !important; }
  body[data-lang] #headerContactMenu::before { display: none !important; }
  body[data-lang] #headerContactMenu .header-contact-option { grid-column: 1 !important; grid-row: auto !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; justify-content: flex-start !important; padding: 0 12px !important; font-size: 11px !important; }
  body[data-lang] #headerContactWhatsApp[aria-disabled="true"] { display: none !important; }
}
@media (max-width:360px) {
  body[data-lang] #headerSocialLinks .header-social-link { width:24px !important; }
  body[data-lang] #headerControlsGroup #headerSocialLinks { margin-right:6px !important; }
  body[data-lang] #headerContactChooser { --morph-collapsed-width:120px !important; --morph-open-width:120px !important; width:120px !important; flex:0 0 120px !important; }
  body[data-lang] #headerCtaTitle { font-size:9.5px !important; }
}
body[data-lang] #collabLeftZone :is(#param1,#param2,#param3) { display:flex; align-items:center; gap:8px; }
body[data-lang] #collabLeftZone :is(#param1,#param2,#param3)::before { content:'–'; display:block; width:8px; flex:none; color:rgba(148,163,184,.8); font-size:14px; line-height:inherit; }
@media (max-width: 767px) {
  body[data-lang] .kinetic-word { font-size: 12px !important; }
  :root { --nexis-type-section: clamp(24px, 7.35vw, 32px); --nexis-type-item: 13px; --nexis-type-meta: 11px; }
  body[data-lang="en"] { --nexis-type-section: clamp(20.8px, 6.8vw, 27.2px); }
  body[data-lang] #pipelineTrack [id^="pipeTitle"] { font-size: 13px !important; }
  body[data-lang] #pipelineTrack [id^="pipeDesc"] { font-size: 14px !important; }
  body[data-lang] #heroPreTag { font-size: 14px !important; line-height: 1.25 !important; }
  .founder-voice-line { grid-template-columns: 44px max-content minmax(20px,1fr) max-content !important; column-gap: 6px !important; }
  .founder-voice-control { width: 44px !important; height: 44px !important; }
  #founderOutcomeCore { min-height: 64px; }
  #hunterSetupCtaText, #videoProjectCtaText { font-size: 11px !important; }
}

/* Three related PROCESS groups share one compact desktop band. */
@media (min-width: 1024px) {
  body[data-lang] #collabDetailsGrid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 32px !important; align-items: stretch !important; margin-top: 28px !important; padding: 0 !important; }
  body[data-lang] #collabDetailsGrid > div { grid-column: auto !important; min-width: 0 !important; margin: 0 !important; }
  body[data-lang] #collabLeftZone { align-content: start; }
  body[data-lang] #collabLeftZone > div:first-child > span:first-child { display: none !important; }
  body[data-lang] #collabLeftZone { display:grid !important; grid-template-rows:auto minmax(0,1fr); row-gap:2px !important; }
  body[data-lang] #collabLeftZone > div:first-child { padding-top:4px; }
  body[data-lang] #collabLeftZone > div:nth-child(2) { display:flex !important; flex-direction:column; align-items:stretch !important; justify-content:space-between; gap:2px !important; padding:0 !important; margin:0 !important; translate:0 -3px; }
  body[data-lang] #collabParamsTag { color:rgb(148,163,184); }
  body[data-lang] #collabLeftZone :is(#param1,#param2,#param3) { color:rgb(241,245,249); }
  body[data-lang] #collabLeftZone > div:nth-child(2) > span:not([id]) { display: none !important; }
  body[data-lang] #collabRightZone, body[data-lang] #collabStatementBox { width: 100% !important; max-width: none !important; padding: 0 0 0 24px !important; border-left: 1px solid rgba(255,255,255,.07); }
  body[data-lang] #collabRightZone::before { display: none !important; }
  body[data-lang] #collabRightZone > div { width:100%; max-width:none; margin:0; display:grid; gap:12px; height:100%; align-content:space-between; }
  body[data-lang] #collabRightZone .flex.items-baseline { margin: 0 !important; }
  body[data-lang] #collabStatementLine2 { margin-top: 10px !important; }
}

/* Interaction / scene motion. Narration cue positions are preserved. */
:root { --nexis-motion-reveal: 640ms; --nexis-ease-soft: cubic-bezier(.33,0,.2,1); }
body[data-lang] :is(#resultColumnsBox,#resultOutcomeBox,#collabLeftZone,#collabRightZone,#collabStatementBox,#pipeStage1,#pipeStage2,#pipeStage3,#quoteCard,#hunterSetupCtaBtn,#contactHead1,#contactHead2,#contactSubline,#finalContactCtaBtn,.kinetic-word,#resultWordMask,#resultSubMask,#pipeStep1,#pipeStep2,#pipeStep3,#pipeStep4,#pipeStep5) {
  transition-property: opacity, transform, color, border-color, box-shadow !important;
  transition-duration: 640ms, 720ms, 360ms, 360ms, 520ms !important;
  transition-timing-function: cubic-bezier(.33,0,.2,1) !important;
}
body[data-lang] :is(#collabLeftZone,#collabRightZone,#collabStatementBox) { filter: none !important; }
html:has(body.guided-presentation-active) { scroll-behavior: auto !important; overflow-anchor: none !important; }
body.guided-presentation-active { overflow-anchor: none !important; }
body[data-lang].guided-presentation-active.guided-scene-hydrating :is(#hero,#founder,#radar,#pricing,#contact),
body[data-lang].guided-presentation-active.guided-scene-hydrating :is(#hero,#founder,#radar,#pricing,#contact) * {
  transition-property: none !important; animation: none !important;
}
body[data-lang] #hero #heroMainWord1, body[data-lang] #hero #heroMainWord2,
body[data-lang] #hero #heroPreTag, body[data-lang] #hero #heroSubline,
body[data-lang] #resultColumnsBox, body[data-lang] #resultOutcomeBox {
  transition-duration: var(--nexis-motion-reveal) !important;
  transition-timing-function: var(--nexis-ease-soft) !important;
}
@media (max-width: 767px) {
  #ambientFieldLeft, #ambientFieldRight { animation: none !important; }
  #ambientFieldLeft { filter: blur(90px) !important; }
  #ambientFieldRight { filter: blur(100px) !important; }
  .founder-ambient-glow { animation: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
  body[data-lang] #hero #heroMainWord1, body[data-lang] #hero #heroMainWord2,
  body[data-lang] #hero #heroPreTag, body[data-lang] #hero #heroSubline,
  body[data-lang] #resultColumnsBox, body[data-lang] #resultOutcomeBox { transition-duration: 1ms !important; }
  body[data-lang] :is(#collabLeftZone,#collabRightZone,#collabStatementBox,#pipeStage1,#pipeStage2,#pipeStage3,#quoteCard,#hunterSetupCtaBtn,#contactHead1,#contactHead2,#contactSubline,#finalContactCtaBtn,.kinetic-word,#resultWordMask,#resultSubMask,#pipeStep1,#pipeStep2,#pipeStep3,#pipeStep4,#pipeStep5) { transition-duration: 1ms !important; }
  #scanLaserLine, #guidedSweepLayer, #guidedContourLayer { opacity: 0 !important; }
}

  /* HERO copy follows the resting video edge, independent of carousel hover. */
  @media(min-width:1024px) {
    body[data-lang] #hero #heroCopyColumn {translate:0 var(--nexis-hero-copy-offset,18px)!important;}
  }

  #siteFooter { min-height:0 !important; padding-bottom:max(4px,env(safe-area-inset-bottom)) !important; }
  #siteFooter .footer-inner { display:grid !important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center !important; min-height:52px !important; padding:10px 4px !important; gap:24px !important; }
  .footer-actions { display:contents; }
  #siteFooter .footer-brandline { min-height:0 !important; }
  .footer-email { justify-self:center; }
  .footer-back-link { justify-self:end; white-space:nowrap; }
  .footer-email {
    display:inline-flex; align-items:center; gap:7px;
    font-family:'JetBrains Mono',monospace; font-size:9.5px; font-weight:600; line-height:1; letter-spacing:.025em;
    color:rgba(148,163,184,.52); text-decoration:none;
    transition:color 200ms ease; white-space:nowrap;
  }
  .footer-email:hover { color:rgba(226,232,240,.80); }
  .footer-email-icon { width:12px; height:12px; flex:none; color:currentColor; }
  .footer-email:focus-visible { outline:1px solid rgba(148,163,184,.65); outline-offset:6px; border-radius:2px; }
  #siteFooter :is(.footer-brand,.footer-studio,.footer-copyright,.footer-separator,.footer-email,.footer-back-link) {
    font-family:var(--nexis-font-system) !important; font-size:11px !important;
    line-height:16px !important; font-weight:500 !important; letter-spacing:.04em !important;
    color:rgba(148,163,184,.62);
  }
  #siteFooter .footer-brand { font-weight:700 !important; }
  #siteFooter .footer-brandline, #siteFooter .footer-back-link { transform:none !important; }
  #siteFooter .footer-back-link { min-height:32px !important; padding:0 !important; }
  #siteFooter .footer-email span { display:block; line-height:16px; }
  #siteFooter .footer-email-icon { display:block; width:14px; height:14px; transform:translateY(.5px); }
  #siteFooter .footer-email:hover, #siteFooter .footer-back-link:hover { color:rgba(226,232,240,.8); }
  body[data-lang] .founder-stat-label { min-height:14px; display:flex; align-items:center; justify-content:center; text-align:center; }
  @media(max-width:767px) {
    #siteFooter .footer-inner { grid-template-columns:minmax(0,1fr) auto; min-height:48px !important; gap:8px !important; }
    #siteFooter .footer-brandline { display:none !important; }
    #siteFooter .footer-email { justify-self:start; }
    #siteFooter .footer-studio, #siteFooter .footer-separator { display:none; }
    .footer-email { font-size:10px; gap:6px; }
    .footer-email-icon { width:12px; height:12px; }
    .footer-back-link { position:relative; min-width:24px; text-align:center; }
    #footerBackToTopText { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
    .footer-back-link::after { content:'↑'; font-size:18px; line-height:1; color:rgba(203,213,225,.85); }
  }
  @media(max-width:360px) { #siteFooter .footer-copyright { display:none; } }
  #headerScrollProgressTrack { height:1px !important; overflow:visible !important; pointer-events:none; }
  #scrollProgressBar { height:1px !important; opacity:1 !important; box-shadow:0 0 6px rgba(103,232,249,.2) !important; }
  body.native-scroll-restored #hero :is(#heroPreTag,#heroMainWord1,#heroMainWord2,#heroSubline,#heroIncomingCard,#heroTelegramContainer,#heroVideoTabs,#projectsRow) {
    transition:opacity 700ms cubic-bezier(.33,0,.2,1),transform 700ms cubic-bezier(.33,0,.2,1) !important;
  }
  @media(prefers-reduced-motion:reduce) {
    body.native-scroll-restored #hero :is(#heroPreTag,#heroMainWord1,#heroMainWord2,#heroSubline,#heroIncomingCard,#heroTelegramContainer,#heroVideoTabs,#projectsRow) { transition:none !important; }
  }

  /* =========================================================
     END CANONICAL LOCK.
     Rule for future edits: change variables or selectors ABOVE.
     Do not append competing visual CSS below this point.
     ========================================================= */

/* Review fixes: cover standby and reserve complete narrated scenes. */
#radarAmbientGridGhost { position: absolute !important; margin: 0 !important; }
html:has(body.locked-state) { overflow: hidden !important; }
body.locked-state:has(#initSystemOverlay:not(.entry-activating)) main,
body.locked-state:has(#initSystemOverlay:not(.entry-activating)) #mainSiteHeader { visibility: hidden !important; opacity: 0 !important; }
@media (min-width: 1024px) {
  body[data-lang] #hero { min-height: calc(100dvh - 80px) !important; display:flex; flex-direction:column; justify-content:center; }
  body[data-lang] #hero > .grid { zoom:1.06; }
  body[data-lang].guided-presentation-active #hero { min-height:calc(100dvh - 160px) !important; padding:0 !important; }
  body[data-lang] #radar, body[data-lang] #pricing { padding-top: 32px !important; }
  body[data-lang] #radar, body[data-lang] #pricing { margin-bottom: 56px !important; }
  /* Native browsing rests on complete chapters; narration retains its own camera. */
  html:has(body.native-scroll-restored) { scroll-snap-type:y mandatory; scroll-padding-top:80px; }
  body[data-lang].native-scroll-restored { overflow-x:clip !important; overflow-y:visible !important; }
  body[data-lang].native-scroll-restored main { padding-top:80px !important; }
  body[data-lang].native-scroll-restored :is(#hero,#founder,#radar,#pricing,#contact) {
    box-sizing:border-box; min-height:calc(100dvh - 80px) !important;
    margin:0 !important; padding:16px 0 !important;
    scroll-snap-align:start; scroll-snap-stop:always;
  }
  body[data-lang].native-scroll-restored #hero { padding:0 !important; }
  body[data-lang].native-scroll-restored #founder { display:flex; flex-direction:column; justify-content:center; }
  body[data-lang].native-scroll-restored #founder > .grid { width:100%; }
  body[data-lang].native-scroll-restored :is(#radar,#pricing) { display:flex; flex-direction:column; justify-content:center; }
  body[data-lang].native-scroll-restored :is(#radar,#pricing) > :not(.ambient-grid-patch):not(#radarAmbientGrid) { flex-shrink:0; }
  body[data-lang].native-scroll-restored #contact { min-height:calc(100dvh - 136px) !important; }
  body[data-lang].native-scroll-restored #siteFooter { margin:0 !important; height:56px; }
}
@media (min-width:1024px) and (max-height:759px) {
  body[data-lang] #hero > .grid { zoom:1.025; }
  body[data-lang] #hero .hero-media-stage { min-height:360px !important; }
}
/* Camera framing is independent of the compact document flow. */
@media(max-width:1023px) {
  body[data-lang].native-scroll-restored :is(#hero,#founder,#radar,#pricing,#contact) { min-height:calc(100dvh - var(--mobile-chapter-header,72px)) !important; margin:0 !important; }
  body[data-lang].native-scroll-restored #contact { min-height:calc(100dvh - var(--mobile-chapter-header,72px) - 52px) !important; }
  body[data-lang].native-scroll-restored #siteFooter { margin:0 !important; }
}
body.guided-presentation-active[data-guided-scene] main::after { content: ''; display: block; height: calc(100dvh - 80px); }
body.guided-presentation-active[data-guided-scene] :is(#hero,#founder,#radar,#pricing,#contact):not([data-guided-current]) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
/* Stage illumination is enough; no repeated horizontal green line. */
body[data-lang] #pipelineRail { display: none !important; }
/* Reserve the monitoring stage corner for the radar so no dot can cross text. */
body[data-lang] #radarScopeBox { top: 0 !important; right: 0 !important; width: 80px !important; height: 80px !important; }
body[data-lang] #pipeStage1 { padding-right: 96px !important; min-height: 80px !important; }
@media (max-width: 1023px) {
  body[data-lang].guided-presentation-active #hero #heroCopyColumn { display: contents !important; }
  body.guided-presentation-active #hero > .grid { display: grid !important; grid-template-columns: minmax(0,1fr) !important; row-gap: 20px !important; }
  body.guided-presentation-active #heroHeadlineBlock { grid-row: 1; }
  body.guided-presentation-active #heroMediaColumn { grid-row: 2; }
  body.guided-presentation-active #heroBottomWrapper { grid-row: 3; margin-top: 4px !important; }
}
@media (max-width: 767px) {
  body[data-lang] #radarScopeBox { width: 56px !important; height: 56px !important; }
  body[data-lang] #pipeStage1 { padding-right: 72px !important; }
}

/* A settled mobile reading frame contains only its current chapter. */
@media(max-width:1023px) {
  body.native-scroll-restored[data-mobile-chapter] :is(#hero,#founder,#radar,#pricing,#contact) { visibility:hidden; pointer-events:none; }
  body.native-scroll-restored[data-mobile-chapter="hero"] #hero,
  body.native-scroll-restored[data-mobile-chapter="founder"] #founder,
  body.native-scroll-restored[data-mobile-chapter="radar"] #radar,
  body.native-scroll-restored[data-mobile-chapter="pricing"] #pricing,
  body.native-scroll-restored[data-mobile-chapter="contact"] #contact { visibility:visible; pointer-events:auto; }
  body.native-scroll-restored[data-mobile-chapter]:not([data-mobile-chapter="contact"]) #siteFooter { visibility:hidden; pointer-events:none; }
}

@media(max-width:1023px) {
body.native-scroll-restored[data-mobile-chapter="hero"] :is(#founder,#radar,#pricing,#contact),
body.native-scroll-restored[data-mobile-chapter="hero"] :is(#founder,#radar,#pricing,#contact) *,
body.native-scroll-restored[data-mobile-chapter="founder"] :is(#hero,#radar,#pricing,#contact),
body.native-scroll-restored[data-mobile-chapter="founder"] :is(#hero,#radar,#pricing,#contact) *,
body.native-scroll-restored[data-mobile-chapter="radar"] :is(#hero,#founder,#pricing,#contact),
body.native-scroll-restored[data-mobile-chapter="radar"] :is(#hero,#founder,#pricing,#contact) *,
body.native-scroll-restored[data-mobile-chapter="pricing"] :is(#hero,#founder,#radar,#contact),
body.native-scroll-restored[data-mobile-chapter="pricing"] :is(#hero,#founder,#radar,#contact) *,
body.native-scroll-restored[data-mobile-chapter="contact"] :is(#hero,#founder,#radar,#pricing),
body.native-scroll-restored[data-mobile-chapter="contact"] :is(#hero,#founder,#radar,#pricing) * { visibility:hidden !important; pointer-events:none !important; }
}

@media(max-width:1023px) {
  body[data-lang].native-scroll-restored main { padding-top:var(--mobile-chapter-header,72px) !important; }
  body[data-lang].native-scroll-restored #hero { padding:0 !important; }
}

/* Mobile manual mode: fixed chapter viewports with independent internal reading. */
@media(max-width:1023px) {
  html:has(body.native-scroll-restored) { scroll-snap-type:y mandatory !important; scroll-padding-top:var(--mobile-chapter-header,72px) !important; scrollbar-width:none; scrollbar-gutter:auto !important; }
  body[data-lang].native-scroll-restored { overflow-x:clip !important; overflow-y:visible !important; }
  body[data-lang].native-scroll-restored :is(#hero,#founder,#radar,#pricing,#contact) {
    height:calc(100dvh - var(--mobile-chapter-header,72px)) !important;
    min-height:0 !important; max-height:none !important; box-sizing:border-box;
    overflow-x:hidden !important; overflow-y:auto !important;
    overscroll-behavior-y:contain; scroll-snap-align:start; scroll-snap-stop:always; scroll-margin:0 !important;
    scrollbar-width:none;
  }
  body[data-lang].native-scroll-restored :is(#hero,#founder,#radar,#pricing,#contact)::-webkit-scrollbar { display:none; }
  body[data-lang].native-scroll-restored #contact { height:calc(100dvh - var(--mobile-chapter-header,72px) - 52px) !important; }
  body[data-lang].native-scroll-restored #siteFooter { height:52px !important; margin:0 !important; }
}

@media(max-width:1023px) {
  html:has(body.native-scroll-restored)::-webkit-scrollbar { display:none; }
}

/* Existing 38/114px ambient grid extended into quieter areas. */
.ambient-grid-hero { right:0; top:35%; width:100%; height:65%; opacity:.75; mask-image:radial-gradient(ellipse 78% 76% at 65% 65%,black,transparent 100%); -webkit-mask-image:radial-gradient(ellipse 78% 76% at 65% 65%,black,transparent 100%); }
#hero > .grid { position:relative; z-index:2; }
.ambient-grid-founder { width:100%; }
.ambient-grid-collab { left:0; top:8%; width:min(75vw,1100px); height:84%; }
.ambient-grid-contact { width:min(85vw,1240px); height:100%; }
.mobile-stage-tail { display:none !important; margin:0 !important; padding:0 !important; border:0; pointer-events:none; }
@media(max-width:1023px) {
  body[data-lang].native-scroll-restored .mobile-stage-tail { display:block !important; }
  body[data-lang].native-scroll-restored #radar { padding-top:8px !important; }
  :is(#hero,#founder,#pricing,#contact) > .ambient-grid-patch {
    display:block !important; position:absolute !important; z-index:0 !important;
    left:0 !important; right:auto !important; top:0 !important; bottom:auto !important;
    width:100% !important; height:var(--mobile-grid-depth,100%) !important;
    opacity:.76; mask-image:radial-gradient(ellipse 85% 78% at 58% 52%,black,transparent 100%); -webkit-mask-image:radial-gradient(ellipse 85% 78% at 58% 52%,black,transparent 100%);
  }
  #radarAmbientGrid { display:block !important; position:absolute !important; z-index:0 !important; right:0 !important; top:0 !important; width:100% !important; height:var(--mobile-grid-depth,100%) !important; opacity:.76 !important; }
}

/* Keep each settled mobile stage focused on the requested content. */
@media(max-width:1023px) {
  body.native-scroll-restored #founder[data-mobile-stage="first"] #founderMotionStageWrapper,
  body.native-scroll-restored #founder[data-mobile-stage="second"] #holoContainer,
  body.native-scroll-restored #pricing[data-mobile-stage="first"] :is(#collabRightZone,#collabStatementBox),
  body.native-scroll-restored #pricing[data-mobile-stage="second"] #pricingHeader { visibility:hidden !important; clip-path:inset(100%) !important; pointer-events:none !important; }
}