/*
Theme Name: TWEAK INTELICOM
Theme URI: https://tweak.intelligent-services.eu/
Author: INTELICOM
Author URI: https://intelligent-services.eu/
Description: WordPress port of the approved Rocket-generated TWEAK INTELICOM website. Strategic marketing partner — No weakness.
Version: 1.2.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: intelicom-tweak
*/

/* Production reset */
*,*::before,*::after{box-sizing:border-box}
html{margin:0;padding:0;scroll-behavior:smooth}
body{margin:0;padding:0;background:#0A0B0F;color:#F0F2F5}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0}
[hidden]{display:none!important}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --spacing: 0.25rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --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-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --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);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --text-9xl: 8rem;
  --text-9xl--line-height: 1;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --leading-relaxed: 1.625;
  --radius-lg: 0.5rem;
  --blur-xl: 24px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --color-background: #0A0B0F;
  --color-foreground: #F0F2F5;
  --color-primary: #C0C8D4;
  --color-primary-foreground: #0A0B0F;
  --color-accent: #FF0718;
  --color-accent-foreground: #FFFFFF;
  --color-muted: #1A1D25;
  --color-muted-foreground: #6B7280;
  --color-card: #111318;
  --color-border: #1E2330;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-weight-900: 900;
}
.pointer-events-none {
  pointer-events: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.-top-6 {
  top: calc(var(--spacing) * -6);
}
.-top-8 {
  top: calc(var(--spacing) * -8);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-1\/4 {
  top: calc(1/4 * 100%);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-1\/4 {
  right: calc(1/4 * 100%);
}
.right-5 {
  right: calc(var(--spacing) * 5);
}
.right-6 {
  right: calc(var(--spacing) * 6);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-1\/4 {
  bottom: calc(1/4 * 100%);
}
.bottom-4 {
  bottom: calc(var(--spacing) * 4);
}
.-left-2 {
  left: calc(var(--spacing) * -2);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-1\/3 {
  left: calc(1/3 * 100%);
}
.left-1\/4 {
  left: calc(1/4 * 100%);
}
.left-\[-25px\] {
  left: -25px;
}
.z-10 {
  z-index: 10;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.mx-auto {
  margin-inline: auto;
}
.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-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mt-16 {
  margin-top: calc(var(--spacing) * 16);
}
.mt-20 {
  margin-top: calc(var(--spacing) * 20);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}
.mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}
.ml-9 {
  margin-left: calc(var(--spacing) * 9);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.h-0 {
  height: calc(var(--spacing) * 0);
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-28 {
  height: calc(var(--spacing) * 28);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-48 {
  height: calc(var(--spacing) * 48);
}
.h-64 {
  height: calc(var(--spacing) * 64);
}
.h-\[400px\] {
  height: 400px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[600px\] {
  height: 600px;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.min-h-\[50vh\] {
  min-height: 50vh;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-3 {
  width: calc(var(--spacing) * 3);
}
.w-3\/4 {
  width: calc(3/4 * 100%);
}
.w-3\/5 {
  width: calc(3/5 * 100%);
}
.w-4\/5 {
  width: calc(4/5 * 100%);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-28 {
  width: calc(var(--spacing) * 28);
}
.w-48 {
  width: calc(var(--spacing) * 48);
}
.w-64 {
  width: calc(var(--spacing) * 64);
}
.w-\[2px\] {
  width: 2px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[600px\] {
  width: 600px;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-\[1400px\] {
  max-width: 1400px;
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.flex-1 {
  flex: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  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-\[7px\] {
  --tw-translate-y: calc(7px * -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-\[7px\] {
  --tw-translate-y: 7px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-rotate-45 {
  rotate: calc(45deg * -1);
}
.rotate-45 {
  rotate: 45deg;
}
.cursor-pointer {
  cursor: pointer;
}
.resize-none {
  resize: none;
}
.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));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.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-12 {
  gap: calc(var(--spacing) * 12);
}
.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-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.gap-x-8 {
  column-gap: calc(var(--spacing) * 8);
}
.gap-y-3 {
  row-gap: calc(var(--spacing) * 3);
}
.self-end {
  align-self: flex-end;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-accent {
  border-color: var(--color-accent);
}
.border-accent\/30 {
  border-color: color-mix(in srgb, #FF0718 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-accent) 30%, transparent);
  }
}
.border-border {
  border-color: var(--color-border);
}
.border-border\/30 {
  border-color: color-mix(in srgb, #1E2330 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-border) 30%, transparent);
  }
}
.bg-accent {
  background-color: var(--color-accent);
}
.bg-accent\/10 {
  background-color: color-mix(in srgb, #FF0718 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
  }
}
.bg-background {
  background-color: var(--color-background);
}
.bg-background\/90 {
  background-color: color-mix(in srgb, #0A0B0F 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-background) 90%, transparent);
  }
}
.bg-background\/95 {
  background-color: color-mix(in srgb, #0A0B0F 95%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-background) 95%, transparent);
  }
}
.bg-border {
  background-color: var(--color-border);
}
.bg-border\/60 {
  background-color: color-mix(in srgb, #1E2330 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-border) 60%, transparent);
  }
}
.bg-card {
  background-color: var(--color-card);
}
.bg-card\/20 {
  background-color: color-mix(in srgb, #111318 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-card) 20%, transparent);
  }
}
.bg-card\/40 {
  background-color: color-mix(in srgb, #111318 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-card) 40%, transparent);
  }
}
.bg-foreground {
  background-color: var(--color-foreground);
}
.bg-muted-foreground\/30 {
  background-color: color-mix(in srgb, #6B7280 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-muted-foreground) 30%, transparent);
  }
}
.bg-muted\/20 {
  background-color: color-mix(in srgb, #1A1D25 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
  }
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-transparent {
  background-color: transparent;
}
.bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-background {
  --tw-gradient-from: var(--color-background);
  --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));
}
.object-contain {
  object-fit: contain;
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-10 {
  padding: calc(var(--spacing) * 10);
}
.p-12 {
  padding: calc(var(--spacing) * 12);
}
.px-0 {
  padding-inline: calc(var(--spacing) * 0);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.px-10 {
  padding-inline: calc(var(--spacing) * 10);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-12 {
  padding-block: calc(var(--spacing) * 12);
}
.py-16 {
  padding-block: calc(var(--spacing) * 16);
}
.py-20 {
  padding-block: calc(var(--spacing) * 20);
}
.py-24 {
  padding-block: calc(var(--spacing) * 24);
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
.pt-1 {
  padding-top: calc(var(--spacing) * 1);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-10 {
  padding-top: calc(var(--spacing) * 10);
}
.pt-16 {
  padding-top: calc(var(--spacing) * 16);
}
.pt-20 {
  padding-top: calc(var(--spacing) * 20);
}
.pt-32 {
  padding-top: calc(var(--spacing) * 32);
}
.pb-12 {
  padding-bottom: calc(var(--spacing) * 12);
}
.pb-16 {
  padding-bottom: calc(var(--spacing) * 16);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--tw-leading, var(--text-7xl--line-height));
}
.text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--tw-leading, var(--text-8xl--line-height));
}
.text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--tw-leading, var(--text-9xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.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-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.font-300 {
  --tw-font-weight: var(--font-weight-300);
  font-weight: var(--font-weight-300);
}
.font-400 {
  --tw-font-weight: var(--font-weight-400);
  font-weight: var(--font-weight-400);
}
.font-500 {
  --tw-font-weight: var(--font-weight-500);
  font-weight: var(--font-weight-500);
}
.font-600 {
  --tw-font-weight: var(--font-weight-600);
  font-weight: var(--font-weight-600);
}
.font-700 {
  --tw-font-weight: var(--font-weight-700);
  font-weight: var(--font-weight-700);
}
.font-800 {
  --tw-font-weight: var(--font-weight-800);
  font-weight: var(--font-weight-800);
}
.font-900 {
  --tw-font-weight: var(--font-weight-900);
  font-weight: var(--font-weight-900);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.tracking-\[0\.1em\] {
  --tw-tracking: 0.1em;
  letter-spacing: 0.1em;
}
.tracking-\[0\.2em\] {
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
}
.tracking-\[0\.3em\] {
  --tw-tracking: 0.3em;
  letter-spacing: 0.3em;
}
.tracking-\[0\.4em\] {
  --tw-tracking: 0.4em;
  letter-spacing: 0.4em;
}
.tracking-\[0\.5em\] {
  --tw-tracking: 0.5em;
  letter-spacing: 0.5em;
}
.tracking-\[0\.6em\] {
  --tw-tracking: 0.6em;
  letter-spacing: 0.6em;
}
.tracking-\[0\.15em\] {
  --tw-tracking: 0.15em;
  letter-spacing: 0.15em;
}
.tracking-\[0\.25em\] {
  --tw-tracking: 0.25em;
  letter-spacing: 0.25em;
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.text-accent {
  color: var(--color-accent);
}
.text-accent-foreground {
  color: var(--color-accent-foreground);
}
.text-foreground {
  color: var(--color-foreground);
}
.text-foreground\/60 {
  color: color-mix(in srgb, #F0F2F5 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-foreground) 60%, transparent);
  }
}
.text-foreground\/70 {
  color: color-mix(in srgb, #F0F2F5 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
  }
}
.text-foreground\/\[0\.03\] {
  color: color-mix(in srgb, #F0F2F5 3%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-foreground) 3%, transparent);
  }
}
.text-foreground\/\[0\.025\] {
  color: color-mix(in srgb, #F0F2F5 2.5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-foreground) 2.5%, transparent);
  }
}
.text-muted-foreground {
  color: var(--color-muted-foreground);
}
.text-muted-foreground\/25 {
  color: color-mix(in srgb, #6B7280 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-muted-foreground) 25%, transparent);
  }
}
.text-muted-foreground\/30 {
  color: color-mix(in srgb, #6B7280 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-muted-foreground) 30%, transparent);
  }
}
.text-muted-foreground\/40 {
  color: color-mix(in srgb, #6B7280 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
  }
}
.text-muted-foreground\/50 {
  color: color-mix(in srgb, #6B7280 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);
  }
}
.text-muted-foreground\/60 {
  color: color-mix(in srgb, #6B7280 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent);
  }
}
.text-primary {
  color: var(--color-primary);
}
.text-primary-foreground {
  color: var(--color-primary-foreground);
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.line-through {
  text-decoration-line: line-through;
}
.decoration-muted-foreground\/30 {
  text-decoration-color: color-mix(in srgb, #6B7280 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklab, var(--color-muted-foreground) 30%, transparent);
  }
}
.opacity-0 {
  opacity: 0%;
}
.opacity-20 {
  opacity: 20%;
}
.opacity-40 {
  opacity: 40%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-80 {
  opacity: 80%;
}
.opacity-90 {
  opacity: 90%;
}
.opacity-100 {
  opacity: 100%;
}
.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-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-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-700 {
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.group-hover\:w-12 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      width: calc(var(--spacing) * 12);
    }
  }
}
.group-hover\:border-primary\/40 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      border-color: color-mix(in srgb, #C0C8D4 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
      }
    }
  }
}
.group-hover\:bg-accent {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-accent);
    }
  }
}
.group-hover\:text-foreground\/70 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: color-mix(in srgb, #F0F2F5 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-foreground) 70%, transparent);
      }
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.placeholder\:text-muted-foreground\/40 {
  &::placeholder {
    color: color-mix(in srgb, #6B7280 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
    }
  }
}
.hover\:border-accent {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-accent);
    }
  }
}
.hover\:border-primary\/40 {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, #C0C8D4 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
      }
    }
  }
}
.hover\:bg-accent {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-accent);
    }
  }
}
.hover\:bg-accent\/90 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #FF0718 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-accent) 90%, transparent);
      }
    }
  }
}
.hover\:bg-card\/60 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #111318 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-card) 60%, transparent);
      }
    }
  }
}
.hover\:bg-card\/80 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #111318 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-card) 80%, transparent);
      }
    }
  }
}
.hover\:bg-primary\/90 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #C0C8D4 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
      }
    }
  }
}
.hover\:text-accent {
  &:hover {
    @media (hover: hover) {
      color: var(--color-accent);
    }
  }
}
.hover\:text-accent-foreground {
  &:hover {
    @media (hover: hover) {
      color: var(--color-accent-foreground);
    }
  }
}
.hover\:text-foreground {
  &:hover {
    @media (hover: hover) {
      color: var(--color-foreground);
    }
  }
}
.hover\:text-muted-foreground {
  &:hover {
    @media (hover: hover) {
      color: var(--color-muted-foreground);
    }
  }
}
.hover\:shadow-\[0_0_30px_rgba\(196\,30\,42\,0\.4\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(255,7,24,0.4));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-\[0_0_40px_rgba\(196\,30\,42\,0\.4\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 40px var(--tw-shadow-color, rgba(255,7,24,0.4));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.focus\:border-accent {
  &:focus {
    border-color: var(--color-accent);
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.md\:col-span-2 {
  @media (width >= 48rem) {
    grid-column: span 2 / span 2;
  }
}
.md\:w-auto {
  @media (width >= 48rem) {
    width: auto;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.lg\:sticky {
  @media (width >= 64rem) {
    position: sticky;
  }
}
.lg\:top-0 {
  @media (width >= 64rem) {
    top: calc(var(--spacing) * 0);
  }
}
.lg\:-left-6 {
  @media (width >= 64rem) {
    left: calc(var(--spacing) * -6);
  }
}
.lg\:left-6 {
  @media (width >= 64rem) {
    left: calc(var(--spacing) * 6);
  }
}
.lg\:col-span-1 {
  @media (width >= 64rem) {
    grid-column: span 1 / span 1;
  }
}
.lg\:col-span-3 {
  @media (width >= 64rem) {
    grid-column: span 3 / span 3;
  }
}
.lg\:col-span-4 {
  @media (width >= 64rem) {
    grid-column: span 4 / span 4;
  }
}
.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\:col-span-8 {
  @media (width >= 64rem) {
    grid-column: span 8 / span 8;
  }
}
.lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:hidden {
  @media (width >= 64rem) {
    display: none;
  }
}
.lg\:h-8 {
  @media (width >= 64rem) {
    height: calc(var(--spacing) * 8);
  }
}
.lg\:h-12 {
  @media (width >= 64rem) {
    height: calc(var(--spacing) * 12);
  }
}
.lg\:h-40 {
  @media (width >= 64rem) {
    height: calc(var(--spacing) * 40);
  }
}
.lg\:h-64 {
  @media (width >= 64rem) {
    height: calc(var(--spacing) * 64);
  }
}
.lg\:h-\[15vh\] {
  @media (width >= 64rem) {
    height: 15vh;
  }
}
.lg\:h-screen {
  @media (width >= 64rem) {
    height: 100vh;
  }
}
.lg\:min-h-\[60vh\] {
  @media (width >= 64rem) {
    min-height: 60vh;
  }
}
.lg\:min-h-\[65vh\] {
  @media (width >= 64rem) {
    min-height: 65vh;
  }
}
.lg\:w-5\/12 {
  @media (width >= 64rem) {
    width: calc(5/12 * 100%);
  }
}
.lg\:w-7\/12 {
  @media (width >= 64rem) {
    width: calc(7/12 * 100%);
  }
}
.lg\:w-40 {
  @media (width >= 64rem) {
    width: calc(var(--spacing) * 40);
  }
}
.lg\:w-64 {
  @media (width >= 64rem) {
    width: calc(var(--spacing) * 64);
  }
}
.lg\:w-px {
  @media (width >= 64rem) {
    width: 1px;
  }
}
.lg\:grid-cols-2 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:grid-cols-6 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.lg\:grid-cols-12 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:items-center {
  @media (width >= 64rem) {
    align-items: center;
  }
}
.lg\:items-end {
  @media (width >= 64rem) {
    align-items: flex-end;
  }
}
.lg\:justify-end {
  @media (width >= 64rem) {
    justify-content: flex-end;
  }
}
.lg\:gap-10 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 10);
  }
}
.lg\:gap-12 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 12);
  }
}
.lg\:gap-20 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 20);
  }
}
.lg\:border-r {
  @media (width >= 64rem) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
}
.lg\:border-b-0 {
  @media (width >= 64rem) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
.lg\:p-12 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 12);
  }
}
.lg\:p-16 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 16);
  }
}
.lg\:p-20 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 20);
  }
}
.lg\:px-12 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 12);
  }
}
.lg\:px-16 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 16);
  }
}
.lg\:py-0 {
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 0);
  }
}
.lg\:py-20 {
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 20);
  }
}
.lg\:py-28 {
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 28);
  }
}
.lg\:py-32 {
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 32);
  }
}
.lg\:pt-0 {
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 0);
  }
}
.lg\:pt-40 {
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 40);
  }
}
.lg\:pr-16 {
  @media (width >= 64rem) {
    padding-right: calc(var(--spacing) * 16);
  }
}
.lg\:pb-2 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 2);
  }
}
.lg\:pb-20 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 20);
  }
}
.lg\:pl-12 {
  @media (width >= 64rem) {
    padding-left: calc(var(--spacing) * 12);
  }
}
.lg\:text-2xl {
  @media (width >= 64rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.lg\:text-3xl {
  @media (width >= 64rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
.lg\:text-4xl {
  @media (width >= 64rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
@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-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-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-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;
}
@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-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-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-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;
    }
  }
}

:root {
  --background: #0A0B0F;
  --foreground: #F0F2F5;
  --primary: #C0C8D4;
  --primary-foreground: #0A0B0F;
  --secondary: #1A1D25;
  --secondary-foreground: #C0C8D4;
  --accent: #FF0718;
  --accent-foreground: #FFFFFF;
  --muted: #1A1D25;
  --muted-foreground: #6B7280;
  --card: #111318;
  --card-foreground: #F0F2F5;
  --border: #1E2330;
  --input: #1A1D25;
  --ring: #FF0718;
  --radius: 0px;
  --font-sans: var(--font-plus-jakarta-sans), sans-serif;
}

@layer base {
  * {
    box-sizing: border-box;
    border-color: var(--border);
  }

  html {
    scroll-behavior: smooth;
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
  }

  h1, h2, h3, h4, h5, h6, p {
    margin: 0;
  }

  ::selection {
    background-color: rgba(199, 26, 19, 0.25);
    color: #F0F2F5;
  }
}

@layer utilities {
  /* Typography */
  .text-hero-xl {
    font-size: clamp(4rem, 18vw, 14rem);
    line-height: 0.85;
    letter-spacing: -0.04em;
    font-weight: 800;
  }

  .text-display {
    font-size: clamp(2.5rem, 6vw, 5rem);
    line-height: 0.9;
    letter-spacing: -0.03em;
    font-weight: 800;
  }

  .text-section-title {
    font-size: clamp(1.75rem, 4vw, 3rem);
    line-height: 1.0;
    letter-spacing: -0.02em;
    font-weight: 700;
  }

  /* Metallic text gradient */
  .text-metallic {
    background: linear-gradient(135deg, #8A94A0 0%, #E8ECF0 40%, #C0C8D4 60%, #9AA3B0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }

  .text-gradient-foreground {
    background: linear-gradient(to bottom, #F0F2F5 0%, #8A94A0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }

  /* Grid backgrounds */
  .grid-blueprint {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1px;
    background-color: var(--border);
    border: 1px solid var(--border);
  }

  .grid-item {
    background-color: var(--card);
    padding: 2.5rem;
  }

  /* Beam border */
  .beam-border-wrap {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
  }

  .beam-border-wrap::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: conic-gradient(from 0deg, transparent 0 340deg, rgba(199, 26, 19, 0.8) 360deg);
    animation: beam-spin 4s linear infinite;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .group:hover .beam-border-wrap::before {
    opacity: 1;
  }

  /* Vertical beam on left border */
  .vertical-beam {
    position: absolute;
    left: -1px;
    top: 0;
    width: 1px;
    height: 120px;
    background: linear-gradient(to bottom, transparent, var(--accent), transparent);
    animation: beam-drop 3s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
  }

  /* Noodle SVG */
  .noodle-line {
    stroke: rgba(192, 200, 212, 0.1);
    fill: none;
    stroke-width: 1px;
  }

  .noodle-beam-path {
    stroke: var(--accent);
    fill: none;
    stroke-width: 2px;
    stroke-dasharray: 60 400;
    stroke-dashoffset: 460;
    animation: noodle-flow 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    stroke-linecap: round;
    opacity: 0.8;
    filter: drop-shadow(0 0 4px rgba(199, 26, 19, 0.5));
  }

  /* Step indicator */
  .step-indicator-line {
    transition: all 0.5s ease;
    width: 2px;
    height: 0%;
    background: var(--accent);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    box-shadow: 0 0 12px rgba(199, 26, 19, 0.7);
  }

  .step-text-item {
    transition: all 0.5s ease;
    color: #374151;
  }

  .step-text-item.active {
    color: var(--foreground);
  }

  .workflow-img-panel {
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    filter: blur(10px);
    opacity: 0;
    transform: scale(0.95);
  }

  .workflow-img-panel.active-img {
    filter: blur(0px);
    opacity: 1;
    transform: scale(1);
  }

  /* Premium card */
  .card-premium {
    background-color: var(--card);
    border: 1px solid var(--border);
    transition: border-color 0.3s ease, background-color 0.3s ease;
  }

  .card-premium:hover {
    border-color: rgba(192, 200, 212, 0.2);
    background-color: #141720;
  }

  /* Shimmer text */
  .text-shimmer {
    background: linear-gradient(
      to right,
      #F0F2F5 20%,
      #6B7280 40%,
      #F0F2F5 60%,
      #6B7280 80%
    );
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: text-shimmer 4s linear infinite;
  }

  /* FAQ sweep */
  .faq-content-sweep {
    animation: sweep 0.4s ease-in-out;
  }

  /* Precision signal marker — open, directional, never circular. */
  .red-dot {
    width: 2px;
    height: 12px;
    background-color: var(--accent);
    border-radius: 0;
    box-shadow: 0 0 10px rgba(199, 26, 19, 0.52);
    transform: skewX(-18deg);
    animation: pulse-red 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  /* Separator line */
  .line-accent {
    width: 40px;
    height: 2px;
    background-color: var(--accent);
  }

  /* Noise overlay */
  .noise-overlay {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    opacity: 0.03;
  }

  /* Open signal fields — never circles or enclosed shapes. */
  .blob-primary {
    background: linear-gradient(118deg, transparent 0 38%, rgba(199, 26, 19, 0.10) 46%, rgba(199, 26, 19, 0.03) 58%, transparent 66%);
    filter: blur(44px);
    border-radius: 0;
  }

  .blob-secondary {
    background: linear-gradient(62deg, transparent 0 42%, rgba(192, 200, 212, 0.07) 49%, rgba(192, 200, 212, 0.02) 58%, transparent 66%);
    filter: blur(58px);
    border-radius: 0;
  }
}

/* Keyframes */
@keyframes animationIn {
  0% {
    opacity: 0;
    transform: translateY(24px);
    filter: none;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: none;
  }
}

@keyframes beam-drop {
  0% { top: -20%; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}

@keyframes beam-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes noodle-flow {
  0% { stroke-dashoffset: 460; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 0; }
}

@keyframes text-shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

@keyframes sweep {
  0% { opacity: 0; margin-top: -8px; }
  100% { opacity: 1; margin-top: 0px; }
}

@keyframes pulse-red {
  50% { opacity: 0.4; box-shadow: 0 0 16px rgba(199, 26, 19, 0.9); }
}

@keyframes float-slow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}

@keyframes scale-in {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

/* Animate on scroll */
.animate-on-scroll {
  animation-play-state: paused !important;
}

.animate-on-scroll.animate {
  animation-play-state: running !important;
}

/* FAQ details */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] summary ~ * { animation: sweep 0.4s ease-in-out; }

/* Scrollbar */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--background); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--muted-foreground); }

/* WordPress production integration */
:root{
  --background:#0A0B0F;--foreground:#F0F2F5;--primary:#C0C8D4;--primary-foreground:#0A0B0F;
  --secondary:#1A1D25;--secondary-foreground:#C0C8D4;--accent:#FF0718;--accent-foreground:#FFFFFF;
  --muted:#1A1D25;--muted-foreground:#6B7280;--card:#111318;--card-foreground:#F0F2F5;
  --border:#1E2330;--input:#1A1D25;--ring:#FF0718;--radius:0px;
  --font-plus-jakarta-sans:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-sans:var(--font-plus-jakarta-sans);
}
body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
body.admin-bar .tweak-site-header{top:32px}
@media(max-width:782px){body.admin-bar .tweak-site-header{top:46px}}
.tweak-site-header.is-scrolled{border-bottom:1px solid var(--border);background:rgba(10,11,15,.90);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.tweak-mobile-menu{display:none}
.tweak-mobile-menu.is-open{display:flex}
.tweak-menu-toggle span{transform-origin:center;transition:transform .3s ease,opacity .3s ease}
.tweak-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.tweak-menu-toggle.is-open span:nth-child(2){opacity:0}
.tweak-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.tweak-menu-open{overflow:hidden}
.tweak-contact-alert{border:1px solid var(--border);background:var(--card);padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}
.tweak-contact-alert.success{border-color:rgba(255,7,24,.55)}
.tweak-contact-alert.error{border-color:#FF0718;color:#F0F2F5}
.tweak-contact-form input[type='checkbox']+div::after{content:'✓';opacity:0;color:#fff;font-size:12px;font-weight:800;line-height:1}
.tweak-contact-form input[type='checkbox']:checked+div{background:var(--accent);border-color:var(--accent)}
.tweak-contact-form input[type='checkbox']:checked+div::after{opacity:1}
.tweak-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.tweak-method-nav-item{cursor:pointer}
.tweak-method-nav-item.is-active .tweak-method-number{color:var(--accent)!important}
.tweak-method-nav-item.is-active .tweak-method-label{color:var(--foreground)!important}
.tweak-method-nav-item.is-active .step-indicator-line{height:100%!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ========================================================================
   TWEAK INTELICOM v1.0.8 — Approach Dark Editorial / Red Precision
   Approved direction: alternating black / Master Logo Red / Deep Blood TWEAK modules with controlled
   semantic background effects; approved master emblem; tighter footer.
   ======================================================================== */

:root{
  --tweak-black:#08090D;
  --tweak-black-2:#0D1016;
  --tweak-master-red:#FF0718;
  --tweak-deep-blood:#8A000B;
  --tweak-dark-blood:#4A0006;
  --tweak-signature-gradient:linear-gradient(135deg,#8A000B 0%,#FF0718 100%);
  --tweak-silver:#C0C8D4;
}

/* Base section system */
.tweak-page > section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background-color:var(--tweak-black)!important;
}
.tweak-page > section > .max-w-\[1400px\],
.tweak-page > section > .max-w-\[1100px\]{position:relative;z-index:2}
.tweak-page > section::before,
.tweak-page > section::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.tweak-page > section::before{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}
.tweak-page > section::after{
  /* Open signal line: deliberately no circles, rings or enclosed motifs. */
  background:
    linear-gradient(118deg,transparent 0 66%,rgba(255,7,24,.10) 66.15% 66.45%,transparent 66.7%),
    linear-gradient(118deg,transparent 0 76%,rgba(192,200,212,.035) 76.15% 76.3%,transparent 76.55%);
}

/* Shared Blood Signature modules */
.tweak-page > section.tweak-red-module,
.tweak-home > section:nth-of-type(even),
.tweak-capabilities > section:nth-of-type(2),
.tweak-approach > section:nth-of-type(2),
.tweak-approach > section:nth-of-type(4),
.tweak-about > section:nth-of-type(2),
.tweak-about > section:nth-of-type(4),
.tweak-contact > section:nth-of-type(2){
  background:
    linear-gradient(118deg,rgba(255,255,255,.045) 0%,transparent 29%),
    linear-gradient(135deg,#8A000B 0%,#FF0718 100%)!important;
  border-color:rgba(255,255,255,.13)!important;
}
.tweak-home > section:nth-of-type(even)::before,
.tweak-capabilities > section:nth-of-type(2)::before,
.tweak-approach > section:nth-of-type(2)::before,
.tweak-approach > section:nth-of-type(4)::before,
.tweak-about > section:nth-of-type(2)::before,
.tweak-about > section:nth-of-type(4)::before,
.tweak-contact > section:nth-of-type(2)::before{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}
.tweak-home > section:nth-of-type(even)::after,
.tweak-capabilities > section:nth-of-type(2)::after,
.tweak-approach > section:nth-of-type(2)::after,
.tweak-approach > section:nth-of-type(4)::after,
.tweak-about > section:nth-of-type(2)::after,
.tweak-about > section:nth-of-type(4)::after,
.tweak-contact > section:nth-of-type(2)::after{
  inset:-8% -12%;
  background:
    linear-gradient(145deg,transparent 0 41%,rgba(255,255,255,.065) 41.15% 41.35%,transparent 41.6% 100%),
    linear-gradient(145deg,transparent 0 52%,rgba(255,255,255,.035) 52.15% 52.3%,transparent 52.55% 100%),
    linear-gradient(28deg,transparent 0 67%,rgba(8,9,13,.22) 67.2% 72%,transparent 72.2%);
  transform:translateX(4%);
}

/* Blood Signature module typography and surfaces */
.tweak-home > section:nth-of-type(even) .text-muted-foreground,
.tweak-capabilities > section:nth-of-type(2) .text-muted-foreground,
.tweak-approach > section:nth-of-type(2) .text-muted-foreground,
.tweak-approach > section:nth-of-type(4) .text-muted-foreground,
.tweak-about > section:nth-of-type(2) .text-muted-foreground,
.tweak-about > section:nth-of-type(4) .text-muted-foreground,
.tweak-contact > section:nth-of-type(2) .text-muted-foreground{color:rgba(255,255,255,.72)!important}
.tweak-home > section:nth-of-type(even) .text-foreground,
.tweak-capabilities > section:nth-of-type(2) .text-foreground,
.tweak-approach > section:nth-of-type(2) .text-foreground,
.tweak-approach > section:nth-of-type(4) .text-foreground,
.tweak-about > section:nth-of-type(2) .text-foreground,
.tweak-about > section:nth-of-type(4) .text-foreground,
.tweak-contact > section:nth-of-type(2) .text-foreground{color:#FFFFFF!important}
.tweak-home > section:nth-of-type(even) .text-accent,
.tweak-capabilities > section:nth-of-type(2) .text-accent,
.tweak-approach > section:nth-of-type(2) .text-accent,
.tweak-approach > section:nth-of-type(4) .text-accent,
.tweak-about > section:nth-of-type(2) .text-accent,
.tweak-about > section:nth-of-type(4) .text-accent,
.tweak-contact > section:nth-of-type(2) .text-accent{color:#FFFFFF!important}
.tweak-home > section:nth-of-type(even) .line-accent,
.tweak-capabilities > section:nth-of-type(2) .line-accent,
.tweak-approach > section:nth-of-type(2) .line-accent,
.tweak-approach > section:nth-of-type(4) .line-accent,
.tweak-about > section:nth-of-type(2) .line-accent,
.tweak-about > section:nth-of-type(4) .line-accent,
.tweak-contact > section:nth-of-type(2) .line-accent{background:#FFFFFF!important}
.tweak-home > section:nth-of-type(even) .border-border,
.tweak-capabilities > section:nth-of-type(2) .border-border,
.tweak-approach > section:nth-of-type(2) .border-border,
.tweak-approach > section:nth-of-type(4) .border-border,
.tweak-about > section:nth-of-type(2) .border-border,
.tweak-about > section:nth-of-type(4) .border-border,
.tweak-contact > section:nth-of-type(2) .border-border{border-color:rgba(255,255,255,.18)!important}
.tweak-home > section:nth-of-type(even) .bg-border,
.tweak-capabilities > section:nth-of-type(2) .bg-border,
.tweak-approach > section:nth-of-type(2) .bg-border,
.tweak-approach > section:nth-of-type(4) .bg-border,
.tweak-about > section:nth-of-type(2) .bg-border,
.tweak-about > section:nth-of-type(4) .bg-border,
.tweak-contact > section:nth-of-type(2) .bg-border{background:rgba(255,255,255,.18)!important}
.tweak-home > section:nth-of-type(even) .card-premium,
.tweak-capabilities > section:nth-of-type(2) .card-premium,
.tweak-approach > section:nth-of-type(2) .card-premium,
.tweak-approach > section:nth-of-type(4) .card-premium,
.tweak-about > section:nth-of-type(2) .card-premium,
.tweak-about > section:nth-of-type(4) .card-premium,
.tweak-contact > section:nth-of-type(2) .card-premium{
  background:rgba(8,9,13,.70)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 22px 60px rgba(10,2,4,.22);
  backdrop-filter:blur(10px);
}
.tweak-home > section:nth-of-type(even) .card-premium:hover,
.tweak-capabilities > section:nth-of-type(2) .card-premium:hover,
.tweak-approach > section:nth-of-type(2) .card-premium:hover,
.tweak-about > section:nth-of-type(2) .card-premium:hover,
.tweak-contact > section:nth-of-type(2) .card-premium:hover{background:rgba(8,9,13,.80)!important;border-color:rgba(255,255,255,.28)!important}

/* Inputs live on dark precision surfaces even when the Contact module uses the Blood Signature gradient. */
.tweak-contact > section:nth-of-type(2) input,
.tweak-contact > section:nth-of-type(2) select,
.tweak-contact > section:nth-of-type(2) textarea,
.tweak-contact > section:nth-of-type(2) .tweak-contact-form input[type='checkbox']+div{
  background:#0F1218!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#F0F2F5!important;
}
.tweak-contact > section:nth-of-type(2) input:focus,
.tweak-contact > section:nth-of-type(2) select:focus,
.tweak-contact > section:nth-of-type(2) textarea:focus{border-color:#FFFFFF!important;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.tweak-contact > section:nth-of-type(2) .tweak-contact-form button{background:#0A0B0F!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.18)}
.tweak-contact > section:nth-of-type(2) .tweak-contact-form button:hover{background:#151820!important;box-shadow:0 0 38px rgba(0,0,0,.30)!important}
.tweak-contact > section:nth-of-type(2) .tweak-contact-alert{background:rgba(8,9,13,.78);border-color:rgba(255,255,255,.24);color:#FFF}

/* Semantic section effects: open, directional and deliberately unbounded. */
.tweak-home > section:nth-of-type(3)::after{
  background:
    repeating-linear-gradient(118deg,transparent 0 86px,rgba(255,7,24,.075) 87px 88px,transparent 89px 172px),
    linear-gradient(32deg,transparent 0 64%,rgba(255,7,24,.09) 64.2% 64.5%,transparent 64.8%);
}
.tweak-capabilities > section:nth-of-type(2)::after{
  background:
    repeating-linear-gradient(90deg,transparent 0 118px,rgba(255,255,255,.045) 119px 120px,transparent 121px 240px),
    repeating-linear-gradient(24deg,transparent 0 152px,rgba(255,255,255,.055) 153px 154px,transparent 155px 304px),
    linear-gradient(24deg,transparent 39%,rgba(255,255,255,.07) 39.2% 39.35%,transparent 39.55% 100%);
}
.tweak-approach > section:nth-of-type(2)::after,
.tweak-approach > section:nth-of-type(4)::after{
  background:
    repeating-linear-gradient(135deg,transparent 0 72px,rgba(255,255,255,.05) 73px 74px,transparent 75px 144px),
    linear-gradient(90deg,transparent 0 78%,rgba(255,255,255,.075) 78.2% 78.45%,transparent 78.7%);
}
.tweak-about > section:nth-of-type(2)::after,
.tweak-about > section:nth-of-type(4)::after{
  background:
    linear-gradient(35deg,transparent 0 57%,rgba(255,255,255,.055) 57.2% 57.45%,transparent 57.7%),
    linear-gradient(35deg,transparent 0 67%,rgba(255,255,255,.035) 67.2% 67.4%,transparent 67.65%),
    linear-gradient(35deg,transparent 62%,rgba(6,7,10,.22) 62.2% 68%,transparent 68.2%);
}
.tweak-contact > section:nth-of-type(1)::after{
  background:
    linear-gradient(90deg,transparent 0 55%,rgba(255,7,24,.07) 55.2% 55.5%,transparent 55.7% 100%),
    linear-gradient(132deg,transparent 0 70%,rgba(255,7,24,.12) 70.15% 70.45%,transparent 70.7%);
}

/* Approved master emblem rendering */
.tweak-site-header img,
.tweak-site-footer img{object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}
.tweak-home > section:first-of-type img[src*="tweak-approved-emblem"]{filter:drop-shadow(0 18px 34px rgba(0,0,0,.38));opacity:1!important}

/* Contact / footer spacing polish */
.tweak-contact .tweak-contact-section{padding-bottom:3rem!important}
.tweak-contact .tweak-contact-section > .max-w-\[1400px\]{padding-bottom:0!important}
.tweak-site-footer{padding-top:2.75rem!important;padding-bottom:2.25rem!important;background:#08090D!important}
.tweak-site-footer .mt-10{margin-top:2rem!important}
.tweak-site-footer .pt-6{padding-top:1.15rem!important}
.tweak-site-footer .text-muted-foreground{color:#858D9A!important}
.tweak-site-footer a:hover{color:#F0F2F5!important}

/* Privacy */
.tweak-privacy > section:first-of-type{
  background:
    linear-gradient(122deg,transparent 0 68%,rgba(255,7,24,.13) 68.2% 68.5%,transparent 68.8%),
    linear-gradient(135deg,#08090D 0%,#0A0B0F 58%,#210403 100%)!important;
}
.tweak-privacy-content{background:#0D1016!important}
.privacy-stack{display:grid;gap:1px;background:#1E2330;border:1px solid #1E2330}
.privacy-stack article{background:#111318;padding:2rem 2.25rem}
.privacy-stack h2{margin:0 0 .8rem;font-size:1.05rem;line-height:1.4;font-weight:700;color:#F0F2F5;letter-spacing:-.015em}
.privacy-stack p{margin:0;color:#8C95A3;font-size:.925rem;line-height:1.8}
.privacy-stack a{color:#F0F2F5;text-decoration:underline;text-underline-offset:4px}
.privacy-stack a:hover{color:#FF0718}

/* Keep black module cards dimensional rather than flat tiles. */
.tweak-page > section:nth-of-type(odd) .card-premium{
  background:linear-gradient(145deg,rgba(17,19,24,.94),rgba(11,13,18,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015),0 18px 60px rgba(0,0,0,.18);
}
.tweak-page > section:nth-of-type(odd) .card-premium:hover{background:linear-gradient(145deg,#151821,#10131A)}

/* Mobile: keep the visual hierarchy without excessive background complexity. */
@media(max-width:767px){
  .tweak-page > section::before{background:none!important;background-image:none!important;opacity:0!important}
  .tweak-home > section:nth-of-type(even)::after,
  .tweak-capabilities > section:nth-of-type(2)::after,
  .tweak-approach > section:nth-of-type(2)::after,
  .tweak-approach > section:nth-of-type(4)::after,
  .tweak-about > section:nth-of-type(2)::after,
  .tweak-about > section:nth-of-type(4)::after,
  .tweak-contact > section:nth-of-type(2)::after{opacity:.55}
  .tweak-site-footer{padding-top:2.25rem!important;padding-bottom:2rem!important}
  .privacy-stack article{padding:1.5rem}
}

/* Finish Blood Signature module surfaces that originate from Rocket utility classes. */
.tweak-home > section:nth-of-type(even) .bg-card,
.tweak-capabilities > section:nth-of-type(2) .bg-card,
.tweak-approach > section:nth-of-type(2) .bg-card,
.tweak-approach > section:nth-of-type(4) .bg-card,
.tweak-about > section:nth-of-type(2) .bg-card,
.tweak-about > section:nth-of-type(4) .bg-card,
.tweak-contact > section:nth-of-type(2) .bg-card{background-color:rgba(8,9,13,.74)!important}
.tweak-home > section:nth-of-type(even) .text-gradient-foreground,
.tweak-capabilities > section:nth-of-type(2) .text-gradient-foreground,
.tweak-approach > section:nth-of-type(2) .text-gradient-foreground,
.tweak-approach > section:nth-of-type(4) .text-gradient-foreground,
.tweak-about > section:nth-of-type(2) .text-gradient-foreground,
.tweak-about > section:nth-of-type(4) .text-gradient-foreground,
.tweak-contact > section:nth-of-type(2) .text-gradient-foreground{
  background:linear-gradient(to bottom,#FFFFFF 0%,#D7DCE3 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important
}

/* v1.0.3 — no-circle visual law: utility bullets become open precision diamonds. */
.tweak-page .rounded-full{border-radius:0!important;transform:rotate(45deg)}


/* ========================================================================
   v1.0.4 — NO DECORATIVE SQUARE GRID
   CSS Grid remains available for layout only. Background square fields
   are prohibited at all breakpoints and zoom levels.
   ======================================================================== */
.tweak-page > section::before,
.tweak-home > section:nth-of-type(even)::before,
.tweak-capabilities > section:nth-of-type(2)::before,
.tweak-approach > section:nth-of-type(2)::before,
.tweak-approach > section:nth-of-type(4)::before,
.tweak-about > section:nth-of-type(2)::before,
.tweak-about > section:nth-of-type(4)::before,
.tweak-contact > section:nth-of-type(2)::before{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

:root{
  --accent:#FF0718;
  --tweak-master-red:#FF0718;
  --tweak-deep-blood:#8A000B;
  --tweak-signature-gradient:linear-gradient(135deg,#8A000B 0%,#FF0718 100%);
}


/* ========================================================================
   v1.0.5 — READABILITY / LIGHT-SHADOW / BOLD HEADER + FOOTER
   ======================================================================== */

/* 1) Stronger readable light text without washing the design out */
:root{
  --foreground:#FAFBFC;
  --card-foreground:#FAFBFC;
  --secondary-foreground:#E9EDF2;
  --muted-foreground:#AEB5C0;
}

.tweak-page .text-foreground,
.tweak-page .text-white{
  color:#FFFFFF!important;
  text-shadow:0 1px 2px rgba(0,0,0,.34);
}

.tweak-page h1,
.tweak-page h2,
.tweak-page h3,
.tweak-page h4,
.tweak-page h5,
.tweak-page h6{
  color:#FFFFFF;
  text-shadow:0 2px 10px rgba(0,0,0,.26);
}

.tweak-page p,
.tweak-page li{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.tweak-page .text-muted-foreground{
  color:rgba(232,236,242,.76)!important;
}

.tweak-home > section:nth-of-type(even) .text-muted-foreground,
.tweak-capabilities > section:nth-of-type(2) .text-muted-foreground,
.tweak-approach > section:nth-of-type(2) .text-muted-foreground,
.tweak-approach > section:nth-of-type(4) .text-muted-foreground,
.tweak-about > section:nth-of-type(2) .text-muted-foreground,
.tweak-about > section:nth-of-type(4) .text-muted-foreground,
.tweak-contact > section:nth-of-type(2) .text-muted-foreground{
  color:rgba(255,255,255,.84)!important;
  text-shadow:0 1px 2px rgba(58,0,0,.28);
}

/* 2) Every major module gets its own restrained light-shadow treatment */
.tweak-page > section{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 28px 88px rgba(0,0,0,.22);
}

/* Dark blocks: cool top-edge lift + deep lower shadow */
.tweak-page > section:nth-of-type(odd){
  box-shadow:
    inset 0 1px 0 rgba(214,222,234,.055),
    inset 18px 0 58px rgba(255,255,255,.014),
    inset -28px -28px 80px rgba(0,0,0,.28),
    0 30px 94px rgba(0,0,0,.24);
}

/* Blood-red blocks: reflected highlight at top-left + denser lower depth */
.tweak-home > section:nth-of-type(even),
.tweak-capabilities > section:nth-of-type(2),
.tweak-approach > section:nth-of-type(2),
.tweak-approach > section:nth-of-type(4),
.tweak-about > section:nth-of-type(2),
.tweak-about > section:nth-of-type(4),
.tweak-contact > section:nth-of-type(2){
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 36px 0 90px rgba(255,255,255,.045),
    inset -34px -36px 96px rgba(63,0,0,.30),
    0 32px 96px rgba(26,0,0,.28);
}

/* Cards/panels get individual depth, not a flat tiled look */
.tweak-page .card-premium,
.tweak-page .border.border-border{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 14px 36px rgba(0,0,0,.20);
}

.tweak-page .card-premium:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 18px 48px rgba(0,0,0,.26);
}

/* Inputs: readable field edges and subtle inner light */
.tweak-contact input,
.tweak-contact select,
.tweak-contact textarea{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 18px rgba(255,255,255,.012);
}

/* 3) Header + footer: all UI copy bold and clearly legible */
.tweak-site-header{
  color:#FFFFFF;
}
.tweak-site-header a,
.tweak-site-header span,
.tweak-site-header button,
.tweak-mobile-menu a,
.tweak-mobile-menu p{
  font-weight:700!important;
}
.tweak-site-header .text-foreground,
.tweak-site-header .text-muted-foreground,
.tweak-mobile-menu .text-foreground,
.tweak-mobile-menu .text-muted-foreground{
  color:#FFFFFF!important;
  text-shadow:0 1px 2px rgba(0,0,0,.42);
}
.tweak-site-header a:hover,
.tweak-mobile-menu a:hover{
  color:#FFFFFF!important;
}

.tweak-site-footer{
  color:#FFFFFF;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 -22px 70px rgba(0,0,0,.18);
}
.tweak-site-footer a,
.tweak-site-footer span,
.tweak-site-footer p{
  font-weight:700!important;
}
.tweak-site-footer .text-foreground,
.tweak-site-footer .text-muted-foreground,
.tweak-site-footer [class*="text-muted-foreground"]{
  color:#F4F6F8!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.38);
}
.tweak-site-footer a:hover{
  color:#FFFFFF!important;
}

/* Keep the main TWEAK wordmark strongest */
.tweak-site-header .font-800,
.tweak-site-footer .font-800{
  font-weight:800!important;
}

/* Small legal copy remains readable, but not visually louder than navigation */
.tweak-site-footer .text-\[12px\]{
  letter-spacing:.01em;
}


/* ========================================================================
   v1.0.6 — CTA CONTRAST ON BLOOD-RED MODULES
   Primary CTA remains red on dark modules, but inverts on red modules.
   ======================================================================== */
.tweak-home > section:nth-of-type(even) a.bg-accent,
.tweak-home > section:nth-of-type(even) button.bg-accent,
.tweak-capabilities > section:nth-of-type(2) a.bg-accent,
.tweak-capabilities > section:nth-of-type(2) button.bg-accent,
.tweak-approach > section:nth-of-type(2) a.bg-accent,
.tweak-approach > section:nth-of-type(2) button.bg-accent,
.tweak-approach > section:nth-of-type(4) a.bg-accent,
.tweak-approach > section:nth-of-type(4) button.bg-accent,
.tweak-about > section:nth-of-type(2) a.bg-accent,
.tweak-about > section:nth-of-type(2) button.bg-accent,
.tweak-about > section:nth-of-type(4) a.bg-accent,
.tweak-about > section:nth-of-type(4) button.bg-accent,
.tweak-contact > section:nth-of-type(2) a.bg-accent,
.tweak-contact > section:nth-of-type(2) button.bg-accent{
  background:linear-gradient(135deg,#FFFFFF 0%,#E9EDF2 100%)!important;
  color:#090A0D!important;
  border:1px solid rgba(255,255,255,.72)!important;
  text-shadow:none!important;
  box-shadow:
    0 12px 34px rgba(40,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}

.tweak-home > section:nth-of-type(even) a.bg-accent:hover,
.tweak-home > section:nth-of-type(even) button.bg-accent:hover,
.tweak-capabilities > section:nth-of-type(2) a.bg-accent:hover,
.tweak-capabilities > section:nth-of-type(2) button.bg-accent:hover,
.tweak-approach > section:nth-of-type(2) a.bg-accent:hover,
.tweak-approach > section:nth-of-type(2) button.bg-accent:hover,
.tweak-approach > section:nth-of-type(4) a.bg-accent:hover,
.tweak-approach > section:nth-of-type(4) button.bg-accent:hover,
.tweak-about > section:nth-of-type(2) a.bg-accent:hover,
.tweak-about > section:nth-of-type(2) button.bg-accent:hover,
.tweak-about > section:nth-of-type(4) a.bg-accent:hover,
.tweak-about > section:nth-of-type(4) button.bg-accent:hover,
.tweak-contact > section:nth-of-type(2) a.bg-accent:hover,
.tweak-contact > section:nth-of-type(2) button.bg-accent:hover{
  background:#FFFFFF!important;
  color:#8A000B!important;
  box-shadow:
    0 16px 42px rgba(40,0,0,.30),
    0 0 0 1px rgba(255,255,255,.20)!important;
}

/* Secondary CTA on blood backgrounds becomes a dark-glass control. */
.tweak-home > section:nth-of-type(even) a.border.border-border,
.tweak-capabilities > section:nth-of-type(2) a.border.border-border,
.tweak-approach > section:nth-of-type(2) a.border.border-border,
.tweak-approach > section:nth-of-type(4) a.border.border-border,
.tweak-about > section:nth-of-type(2) a.border.border-border,
.tweak-about > section:nth-of-type(4) a.border.border-border,
.tweak-contact > section:nth-of-type(2) a.border.border-border{
  background:rgba(7,7,10,.24)!important;
  border-color:rgba(255,255,255,.48)!important;
  color:#FFFFFF!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.tweak-home > section:nth-of-type(even) a.border.border-border:hover,
.tweak-capabilities > section:nth-of-type(2) a.border.border-border:hover,
.tweak-approach > section:nth-of-type(2) a.border.border-border:hover,
.tweak-approach > section:nth-of-type(4) a.border.border-border:hover,
.tweak-about > section:nth-of-type(2) a.border.border-border:hover,
.tweak-about > section:nth-of-type(4) a.border.border-border:hover,
.tweak-contact > section:nth-of-type(2) a.border.border-border:hover{
  background:rgba(7,7,10,.40)!important;
  border-color:#FFFFFF!important;
}

/* ========================================================================
   v1.0.6 — MOBILE CONTENT SAFETY
   Long labels must stay inside their panels; no grid-item overflow.
   ======================================================================== */
.tweak-cycle-overview{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.tweak-cycle-overview > *{
  min-width:0!important;
}
.tweak-cycle-overview .tweak-cycle-label{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:none;
}

@media (min-width:768px){
  .tweak-cycle-overview{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (min-width:1024px){
  .tweak-cycle-overview{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

@media (max-width:767px){
  .tweak-page .grid > *{
    min-width:0;
  }
  .tweak-cycle-overview > div{
    padding:1.15rem .65rem!important;
  }
  .tweak-cycle-overview .tweak-cycle-label{
    font-size:.76rem!important;
    letter-spacing:.075em!important;
    line-height:1.25!important;
  }

  /* Keep mobile headings and long labels inside the viewport. */
  .tweak-page h1,
  .tweak-page h2,
  .tweak-page h3,
  .tweak-page h4,
  .tweak-page p,
  .tweak-page a,
  .tweak-page button{
    max-width:100%;
  }

  .tweak-page .tracking-\[0\.25em\],
  .tweak-page .tracking-\[0\.3em\]{
    letter-spacing:.16em;
  }

  .tweak-site-footer nav{
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem 1.25rem!important;
  }
}

/* ========================================================================
   v1.0.6 — EMAIL COPY UX
   No mailto: hand-off on click. Clicking the visible address copies it.
   ======================================================================== */
.tweak-copy-email{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  color:inherit;
  font:inherit;
  text-align:inherit;
  cursor:pointer;
  transition:color .2s ease,opacity .2s ease;
}
.tweak-copy-email:hover,
.tweak-copy-email:focus-visible{
  color:#FFFFFF!important;
  outline:none;
}
.tweak-copy-email:focus-visible{
  text-decoration:underline;
  text-underline-offset:4px;
}

.tweak-copy-toast{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:99999;
  transform:translate(-50%,18px);
  opacity:0;
  pointer-events:none;
  padding:11px 16px;
  background:rgba(9,10,13,.96);
  color:#FFFFFF;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 14px 44px rgba(0,0,0,.42);
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  transition:opacity .2s ease,transform .2s ease;
}
.tweak-copy-toast.is-visible{
  opacity:1;
  transform:translate(-50%,0);
}


/* ========================================================================
   v1.0.7 — TEXT PROTECTION / ANTI-COPY
   Deterrence layer: blocks ordinary text selection and copy on site content.
   Form fields remain fully usable.
   ======================================================================== */

html.tweak-no-copy,
html.tweak-no-copy body,
html.tweak-no-copy .tweak-page,
html.tweak-no-copy .tweak-site-header,
html.tweak-no-copy .tweak-site-footer{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

/* Keep interactive/form content usable and selectable. */
html.tweak-no-copy input,
html.tweak-no-copy textarea,
html.tweak-no-copy select,
html.tweak-no-copy option,
html.tweak-no-copy [contenteditable="true"]{
  -webkit-user-select:text!important;
  -moz-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
}

/* Preserve pointer behaviour and keyboard focus for controls. */
html.tweak-no-copy a,
html.tweak-no-copy button,
html.tweak-no-copy input,
html.tweak-no-copy textarea,
html.tweak-no-copy select{
  pointer-events:auto;
}


/* ========================================================================
   v1.0.8 — APPROACH: DARK EDITORIAL / RED PRECISION
   Red is an intervention, not the default page background.
   ======================================================================== */

/* HERO — compact, mostly black, with one directional blood-red trace */
.tweak-approach .approach-hero{
  background:
    linear-gradient(112deg,transparent 0 72%,rgba(255,7,24,.075) 72.2%,transparent 74%),
    linear-gradient(180deg,#090A0D 0%,#0D0E12 100%)!important;
  padding-top:8.5rem!important;
  padding-bottom:4.5rem!important;
  min-height:0!important;
}
.tweak-approach .approach-hero .blob-primary{
  opacity:.18!important;
  width:320px!important;
  height:320px!important;
}
.tweak-approach .approach-hero .noise-overlay{
  opacity:.28;
}
.tweak-approach .approach-hero h1{
  margin-bottom:1.35rem!important;
}
.tweak-approach .approach-hero p{
  max-width:760px;
}

/* OVERVIEW — six compact dark cards; only TWEAK is the red intervention */
.tweak-approach .approach-overview{
  background:transparent!important;
  border:0!important;
  margin-top:2.75rem!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.tweak-approach .approach-step-card{
  min-width:0;
  min-height:112px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.075);
  background:
    linear-gradient(145deg,rgba(255,255,255,.028),transparent 55%),
    #111217!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 12px 30px rgba(0,0,0,.18);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.tweak-approach .approach-step-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 40px rgba(0,0,0,.24);
}
.tweak-approach .approach-step-card.is-tweak{
  background:linear-gradient(135deg,#8A000B 0%,#FF0718 100%)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 18px 46px rgba(84,0,0,.30);
}
.tweak-approach .approach-step-card.is-tweak .text-accent{
  color:#FFFFFF!important;
}
.tweak-approach .approach-step-card.is-tweak .text-muted-foreground\/50{
  color:rgba(255,255,255,.62)!important;
}
@media (min-width:768px){
  .tweak-approach .approach-overview{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* METHOD — graphite/dark editorial field, never a full red section */
.tweak-approach .approach-method{
  position:relative;
  background:
    linear-gradient(115deg,rgba(255,255,255,.018),transparent 28%),
    linear-gradient(180deg,#101116 0%,#0B0C10 100%)!important;
  border-top-color:rgba(255,255,255,.07)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 24px 80px rgba(0,0,0,.18)!important;
}
.tweak-approach .approach-method::after{
  content:"";
  position:absolute;
  top:72px;
  bottom:72px;
  left:41.7%;
  width:1px;
  background:linear-gradient(180deg,transparent,#8A000B 12%,#FF0718 50%,#8A000B 88%,transparent);
  opacity:.42;
  pointer-events:none;
}

/* Remove the old full-height sticky/page-like behaviour that created emptiness. */
.tweak-approach .approach-method-intro{
  position:relative!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  justify-content:flex-start!important;
  padding-top:4.5rem!important;
  padding-bottom:4.5rem!important;
}
.tweak-approach .approach-method-spacer{
  display:none!important;
}
.tweak-approach .approach-method-step{
  min-height:0!important;
  padding-top:3.25rem!important;
  padding-bottom:3.25rem!important;
  position:relative;
}
.tweak-approach .approach-method-step > div.absolute{
  display:none!important;
}

/* Open editorial red trace beside each step; no circles, no closed forms. */
.tweak-approach .approach-method-step::before{
  content:"";
  position:absolute;
  left:0;
  top:2.9rem;
  bottom:2.9rem;
  width:2px;
  background:linear-gradient(180deg,transparent 0%,#8A000B 18%,#FF0718 55%,transparent 100%);
  opacity:.55;
}
.tweak-approach .approach-method-step:nth-child(4)::before{
  width:3px;
  opacity:1;
  box-shadow:0 0 22px rgba(255,7,24,.18);
}
.tweak-approach .approach-method-step:nth-child(4) h3{
  color:#FFFFFF!important;
}
.tweak-approach .approach-method-step:nth-child(4){
  background:
    linear-gradient(90deg,rgba(255,7,24,.075),transparent 38%)!important;
}

/* Tone down the old sidebar mechanics: editorial title + nav, no oversized viewport block. */
.tweak-approach .approach-method-intro .card-premium{
  display:none!important;
}
.tweak-approach .approach-method-intro .vertical-beam{
  opacity:.38;
}
.tweak-approach .approach-method-intro h2{
  margin-bottom:2rem!important;
}

/* PHILOSOPHY — compact graphite bridge */
.tweak-approach .approach-philosophy{
  background:
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 44%),
    #0E0F13!important;
  padding-top:4.5rem!important;
  padding-bottom:4.5rem!important;
}
.tweak-approach .approach-philosophy .card-premium{
  background:#111217!important;
}

/* FINAL CTA — the one full Blood Signature strike on the page */
.tweak-approach .approach-cta{
  background:
    linear-gradient(118deg,rgba(255,255,255,.045) 0%,transparent 29%),
    linear-gradient(135deg,#8A000B 0%,#FF0718 100%)!important;
  padding-top:4rem!important;
  padding-bottom:4rem!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 32px 0 90px rgba(255,255,255,.035),
    inset -34px -34px 92px rgba(63,0,0,.28)!important;
}
.tweak-approach .approach-cta .blob-primary{
  opacity:.12!important;
}

/* Ensure the final CTA uses the light/silver primary button on red. */
.tweak-approach .approach-cta a.bg-accent{
  background:linear-gradient(135deg,#FFFFFF 0%,#E9EDF2 100%)!important;
  color:#090A0D!important;
  border:1px solid rgba(255,255,255,.78)!important;
  text-shadow:none!important;
}
.tweak-approach .approach-cta a.bg-accent:hover{
  background:#FFFFFF!important;
  color:#8A000B!important;
}

/* MOBILE — tighter vertical rhythm and no content escaping cells */
@media (max-width:767px){
  .tweak-approach .approach-hero{
    padding-top:6.7rem!important;
    padding-bottom:3.25rem!important;
  }
  .tweak-approach .approach-hero h1{
    font-size:clamp(2.55rem,12vw,3.65rem)!important;
    line-height:.94!important;
  }
  .tweak-approach .approach-overview{
    margin-top:2rem!important;
    gap:.7rem!important;
  }
  .tweak-approach .approach-step-card{
    min-height:94px;
    padding:.95rem .55rem!important;
  }
  .tweak-approach .approach-method::after{
    display:none;
  }
  .tweak-approach .approach-method-intro{
    padding-top:3.25rem!important;
    padding-bottom:2.5rem!important;
  }
  .tweak-approach .approach-method-intro .hidden.lg\:block{
    display:none!important;
  }
  .tweak-approach .approach-method-step{
    padding:2.6rem 0 2.6rem 1.15rem!important;
  }
  .tweak-approach .approach-method-step::before{
    left:0;
    top:2.25rem;
    bottom:2.25rem;
  }
  .tweak-approach .approach-philosophy{
    padding-top:3.25rem!important;
    padding-bottom:3.25rem!important;
  }
  .tweak-approach .approach-cta{
    padding-top:3.25rem!important;
    padding-bottom:3.25rem!important;
  }
  .tweak-approach .approach-cta .grid{
    gap:2rem!important;
  }
}

/* Desktop: compact two-column editorial method instead of screen-height panels. */
@media (min-width:1024px){
  .tweak-approach .approach-method > .max-w-\[1400px\] > .flex{
    align-items:flex-start;
  }
  .tweak-approach .approach-method-intro{
    padding-right:3.5rem!important;
  }
  .tweak-approach .approach-method-step{
    padding-left:4.25rem!important;
    padding-right:1rem!important;
  }
}


/* ========================================================================
   v1.0.9 — APPROACH BALANCED DARK EDITORIAL
   Red is an accent on Approach. Only the final CTA is a full red section.
   ======================================================================== */

/* METHOD — hard override against legacy generic red-module rules */
.tweak-page.tweak-approach > section.approach-method{
  background:
    linear-gradient(115deg,rgba(255,255,255,.018) 0%,transparent 30%),
    linear-gradient(180deg,#111217 0%,#090A0D 100%)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 28px 88px rgba(0,0,0,.22)!important;
}
.tweak-page.tweak-approach > section.approach-method::before{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}
.tweak-page.tweak-approach > section.approach-method::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.30!important;
  transform:none!important;
  background:
    linear-gradient(112deg,transparent 0 68%,rgba(255,7,24,.085) 68.12% 68.32%,transparent 68.6%),
    linear-gradient(112deg,transparent 0 77%,rgba(255,255,255,.026) 77.12% 77.26%,transparent 77.5%)!important;
}

/* Restore dark-section typography and surfaces */
.tweak-page.tweak-approach > section.approach-method .text-foreground{color:#FFFFFF!important}
.tweak-page.tweak-approach > section.approach-method .text-muted-foreground{
  color:rgba(232,236,242,.76)!important;
  text-shadow:none!important;
}
.tweak-page.tweak-approach > section.approach-method .text-accent{color:#FF0718!important}
.tweak-page.tweak-approach > section.approach-method .border-border{border-color:rgba(255,255,255,.10)!important}
.tweak-page.tweak-approach > section.approach-method .bg-border{background:rgba(255,255,255,.10)!important}
.tweak-page.tweak-approach > section.approach-method .bg-card{background:#111217!important}
.tweak-page.tweak-approach > section.approach-method .card-premium{
  background:linear-gradient(145deg,rgba(18,20,26,.96),rgba(10,11,15,.98))!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 42px rgba(0,0,0,.24)!important;
  backdrop-filter:none!important;
}

/* Sidebar / Method title */
.tweak-page.tweak-approach > section.approach-method .approach-method-intro h2{color:#FFFFFF!important}
.tweak-page.tweak-approach > section.approach-method .approach-method-intro h2 .text-muted-foreground\/30{
  color:rgba(192,200,212,.42)!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-intro .text-muted-foreground\/25{
  color:rgba(192,200,212,.36)!important;
}
.tweak-page.tweak-approach > section.approach-method .step-indicator-line{background:#FF0718!important}

/* Steps = dark editorial; TWEAK gets only a controlled red wash */
.tweak-page.tweak-approach > section.approach-method .approach-method-step{
  background:transparent!important;
  border-bottom-color:rgba(255,255,255,.085)!important;
  box-shadow:none!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step::before{
  background:linear-gradient(180deg,transparent 0%,#8A000B 18%,#FF0718 52%,transparent 100%)!important;
  opacity:.40!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step:nth-of-type(3){
  background:linear-gradient(90deg,rgba(255,7,24,.10) 0%,rgba(255,7,24,.025) 28%,transparent 55%)!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step:nth-of-type(3)::before{
  width:3px!important;
  opacity:1!important;
  box-shadow:0 0 22px rgba(255,7,24,.18);
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step:nth-of-type(3) h3{
  color:#FFFFFF!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step .card-premium{
  background:#151116!important;
  border-color:rgba(255,7,24,.19)!important;
}

/* PHILOSOPHY — graphite bridge */
.tweak-page.tweak-approach > section.approach-philosophy{
  background:
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 42%),
    linear-gradient(180deg,#0F1015 0%,#0A0B0F 100%)!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 72px rgba(0,0,0,.18)!important;
}
.tweak-page.tweak-approach > section.approach-philosophy::before{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}
.tweak-page.tweak-approach > section.approach-philosophy::after{
  background:linear-gradient(128deg,transparent 0 73%,rgba(255,7,24,.06) 73.1% 73.3%,transparent 73.55%)!important;
  opacity:.34!important;
}
.tweak-page.tweak-approach > section.approach-philosophy .bg-card{background:#111217!important}
.tweak-page.tweak-approach > section.approach-philosophy .text-accent{color:#FF0718!important}

/* FINAL CTA — only full Blood Signature field on Approach */
.tweak-page.tweak-approach > section.approach-cta{
  background:
    linear-gradient(118deg,rgba(255,255,255,.045) 0%,transparent 29%),
    linear-gradient(135deg,#8A000B 0%,#FF0718 100%)!important;
  border-color:rgba(255,255,255,.13)!important;
}
.tweak-page.tweak-approach > section.approach-cta::before{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}
.tweak-page.tweak-approach > section.approach-cta .text-muted-foreground{
  color:rgba(255,255,255,.84)!important;
}

/* HERO — dark */
.tweak-page.tweak-approach > section.approach-hero{
  background:
    linear-gradient(112deg,transparent 0 73%,rgba(255,7,24,.065) 73.15%,transparent 75%),
    linear-gradient(180deg,#090A0D 0%,#0D0E12 100%)!important;
}

/* Overview cards: only TWEAK is full red */
.tweak-page.tweak-approach .approach-overview .approach-step-card{
  background:linear-gradient(145deg,rgba(255,255,255,.026),transparent 56%),#111217!important;
  border-color:rgba(255,255,255,.085)!important;
}
.tweak-page.tweak-approach .approach-overview .approach-step-card.is-tweak{
  background:linear-gradient(135deg,#8A000B 0%,#FF0718 100%)!important;
  border-color:rgba(255,255,255,.20)!important;
}

/* Tighter vertical rhythm */
.tweak-page.tweak-approach > section.approach-method .approach-method-intro{
  padding-top:3.5rem!important;
  padding-bottom:3.5rem!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step{
  padding-top:2.5rem!important;
  padding-bottom:2.5rem!important;
}
.tweak-page.tweak-approach > section.approach-philosophy{
  padding-top:3.75rem!important;
  padding-bottom:3.75rem!important;
}
.tweak-page.tweak-approach > section.approach-cta{
  padding-top:3.5rem!important;
  padding-bottom:3.5rem!important;
}

@media(max-width:767px){
  .tweak-page.tweak-approach > section.approach-method .approach-method-intro{
    padding-top:2.5rem!important;
    padding-bottom:1.75rem!important;
  }
  .tweak-page.tweak-approach > section.approach-method .approach-method-step{
    padding-top:2rem!important;
    padding-bottom:2rem!important;
  }
  .tweak-page.tweak-approach > section.approach-philosophy{
    padding-top:2.75rem!important;
    padding-bottom:2.75rem!important;
  }
  .tweak-page.tweak-approach > section.approach-cta{
    padding-top:2.75rem!important;
    padding-bottom:2.75rem!important;
  }
}


/* ========================================================================
   v1.0.10 — APPROACH REFINEMENT
   02 / 04 / 06 share one visual rhythm.
   Philosophy cards gain a controlled red undertone, not a full red fill.
   ======================================================================== */

/* 02 / 04 / 06 — same visual treatment */
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-even-accent{
  background:
    linear-gradient(
      90deg,
      rgba(255,7,24,.095) 0%,
      rgba(138,0,11,.035) 24%,
      rgba(17,18,23,0) 58%
    )!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-even-accent::before{
  width:2px!important;
  opacity:.68!important;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      #8A000B 18%,
      #FF0718 52%,
      transparent 100%
    )!important;
  box-shadow:0 0 16px rgba(255,7,24,.10);
}

/* 03 TWEAK remains the strongest intervention, but still dark-first */
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step{
  background:
    linear-gradient(
      90deg,
      rgba(255,7,24,.14) 0%,
      rgba(138,0,11,.05) 30%,
      transparent 62%
    )!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step::before{
  width:3px!important;
  opacity:1!important;
  box-shadow:0 0 22px rgba(255,7,24,.18);
}

/* The thinking behind the method — four dark blocks with red undertone */
.tweak-page.tweak-approach > section.approach-philosophy .bg-card{
  background:
    linear-gradient(
      145deg,
      rgba(255,7,24,.12) 0%,
      rgba(138,0,11,.045) 30%,
      rgba(17,18,23,.98) 66%
    )!important;
  border-color:rgba(255,7,24,.20)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 18px 0 44px rgba(255,7,24,.035),
    0 16px 40px rgba(0,0,0,.22)!important;
}
.tweak-page.tweak-approach > section.approach-philosophy .bg-card:hover{
  background:
    linear-gradient(
      145deg,
      rgba(255,7,24,.17) 0%,
      rgba(138,0,11,.065) 34%,
      rgba(18,19,24,.99) 68%
    )!important;
  border-color:rgba(255,7,24,.34)!important;
}


/* v1.0.10 — direct email hand-off */
.tweak-email-link{
  text-decoration:none;
  cursor:pointer;
}
.tweak-email-link:hover,
.tweak-email-link:focus-visible{
  color:#FFFFFF!important;
  outline:none;
}
.tweak-email-link:focus-visible{
  text-decoration:underline;
  text-underline-offset:4px;
}


/* ========================================================================
   v1.0.11 — APPROACH / 03 TWEAK = FULL RED INTERVENTION MODULE
   ======================================================================== */

.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step{
  background:
    linear-gradient(118deg,rgba(255,255,255,.045) 0%,transparent 29%),
    linear-gradient(135deg,#8A000B 0%,#FF0718 100%)!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 28px 0 72px rgba(255,255,255,.035),
    inset -30px -30px 84px rgba(63,0,0,.24)!important;
}

/* No competing overlay line inside the full-red TWEAK module */
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step::before{
  opacity:0!important;
  box-shadow:none!important;
}

/* All key copy becomes white/silver for proper contrast */
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step .text-accent,
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step .text-foreground,
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step h3,
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step h4{
  color:#FFFFFF!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step .text-muted-foreground{
  color:rgba(255,255,255,.86)!important;
  text-shadow:0 1px 2px rgba(58,0,0,.24)!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step .bg-border{
  background:rgba(255,255,255,.24)!important;
}

/* Output chip stays dark for contrast */
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step .card-premium{
  background:rgba(9,10,13,.78)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 16px 40px rgba(45,0,0,.22)!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step .card-premium .text-accent{
  color:#FFFFFF!important;
}


/* ==========================================================================
   TWEAK INTELICOM v1.1.0 — NEON RED BRAND REFRESH
   Approved direction: blood-neon red dominant identity, smoke chrome,
   neon-white contours, dark-first website surfaces.
   ========================================================================== */

:root{
  --tweak-neon-red:#FF0718;
  --tweak-blood-red:#D90012;
  --tweak-deep-blood:#8A000B;
  --tweak-dark-blood:#4A0006;
  --tweak-neon-white:#FFF7F8;
  --tweak-smoke-chrome:#A9AFB8;
  --tweak-master-red:#FF0718;
  --tweak-signature-gradient:linear-gradient(135deg,#8A000B 0%,#D90012 56%,#FF0718 100%);
  --accent:#FF0718;
  --ring:#FF0718;
  --color-accent:#FF0718;
}

/* Dark-first body with restrained blood-red depth */
body,
.tweak-page{
  background:
    radial-gradient(circle at 82% 8%, rgba(255,7,24,.055), transparent 28rem),
    #08090D!important;
}

/* New approved lockup */
.tweak-header-lockup,
.tweak-footer-lockup{
  display:block;
  object-fit:contain;
  filter:
    drop-shadow(0 0 7px rgba(255,7,24,.30))
    drop-shadow(0 0 1px rgba(255,247,248,.42));
}
.tweak-header-lockup{width:174px;height:auto;max-height:48px}
.tweak-footer-lockup{width:188px;height:auto;max-height:64px}
@media(max-width:767px){
  .tweak-header-lockup{width:142px;max-height:42px}
  .tweak-footer-lockup{width:164px}
}

/* Header remains calm; neon acts as edge light rather than a red panel */
.tweak-site-header{
  background:linear-gradient(180deg,rgba(8,9,13,.90),rgba(8,9,13,.70))!important;
  border-bottom:1px solid rgba(255,247,248,.055);
  backdrop-filter:blur(16px);
}
.tweak-site-header a:hover{filter:drop-shadow(0 0 10px rgba(255,7,24,.18))}

/* Approved new emblem treatment wherever the emblem is used */
img[src*="tweak-approved-emblem"]{
  filter:
    drop-shadow(0 18px 34px rgba(0,0,0,.44))
    drop-shadow(0 0 17px rgba(255,7,24,.20))!important;
}

/* Hero gains the approved neon-red signal without becoming a full-red page */
.tweak-home > section:first-of-type{
  background:
    radial-gradient(circle at 74% 46%,rgba(255,7,24,.095),transparent 28rem),
    linear-gradient(118deg,transparent 0 66%,rgba(255,7,24,.07) 66.2% 66.5%,transparent 66.8%),
    #08090D!important;
}
.tweak-home > section:first-of-type .blob-primary{
  background:radial-gradient(circle,rgba(255,7,24,.18),transparent 68%)!important;
}
.tweak-home > section:first-of-type .blob-secondary{
  background:radial-gradient(circle,rgba(255,247,248,.055),transparent 70%)!important;
}

/* General TWEAK red sections remain dark-blood rather than fluorescent walls. */
.tweak-page > section.tweak-red-module,
.tweak-home > section:nth-of-type(even),
.tweak-capabilities > section:nth-of-type(2),
.tweak-about > section:nth-of-type(2),
.tweak-about > section:nth-of-type(4),
.tweak-contact > section:nth-of-type(2){
  background:
    linear-gradient(118deg,rgba(255,255,255,.035) 0%,transparent 29%),
    linear-gradient(135deg,#4A0006 0%,#750008 54%,#A6000E 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,247,248,.10),
    inset 0 0 90px rgba(255,7,24,.05)!important;
}

/* Keep Approach balanced; only 03 TWEAK + final CTA are the strong red interventions. */
.tweak-page.tweak-approach > section.approach-method{
  background:
    linear-gradient(115deg,rgba(255,255,255,.018) 0%,transparent 30%),
    linear-gradient(180deg,#111217 0%,#08090D 100%)!important;
}
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-tweak-step{
  background:
    linear-gradient(118deg,rgba(255,255,255,.045) 0%,transparent 29%),
    linear-gradient(135deg,#760008 0%,#D90012 58%,#FF0718 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,247,248,.18),
    inset 22px 0 72px rgba(255,247,248,.035),
    0 0 42px rgba(255,7,24,.08)!important;
}
.tweak-page.tweak-approach > section.approach-cta{
  background:
    linear-gradient(118deg,rgba(255,255,255,.045) 0%,transparent 29%),
    linear-gradient(135deg,#650007 0%,#B90010 55%,#F20A19 100%)!important;
}

/* 02/04/06 retain subtle red underwash */
.tweak-page.tweak-approach > section.approach-method .approach-method-step.is-even-accent{
  background:linear-gradient(90deg,rgba(255,7,24,.10),rgba(138,0,11,.035) 25%,transparent 58%)!important;
}

/* Thinking cards: deeper charcoal + neon-red underlight */
.tweak-page.tweak-approach > section.approach-philosophy .bg-card{
  background:
    linear-gradient(145deg,rgba(255,7,24,.10),rgba(138,0,11,.035) 30%,rgba(17,18,23,.99) 68%)!important;
  border-color:rgba(255,7,24,.24)!important;
}

/* Bright neon CTA with white-edge contrast */
.bg-accent,
button.bg-accent,
a.bg-accent{
  background:linear-gradient(135deg,#D90012 0%,#FF0718 100%)!important;
  border:1px solid rgba(255,247,248,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,247,248,.22),
    0 0 0 rgba(255,7,24,0);
}
.bg-accent:hover,
button.bg-accent:hover,
a.bg-accent:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,247,248,.28),
    0 0 25px rgba(255,7,24,.28)!important;
}

/* Neon precision details */
.red-dot,
.line-accent,
.step-indicator-line{
  background:#FF0718!important;
  box-shadow:0 0 10px rgba(255,7,24,.26);
}
.text-accent{color:#FF0718!important}
.border-accent{border-color:#FF0718!important}
.hover\:border-accent:hover{border-color:#FF0718!important}

/* Silver/white stays strong against the new dominant red */
.text-metallic{
  background:linear-gradient(180deg,#FFF7F8 0%,#D5D9DF 42%,#8F969F 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.text-gradient-foreground{
  background:linear-gradient(180deg,#FFF7F8 0%,#C7CDD5 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* Footer refinement */
.tweak-site-footer{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,7,24,.045),transparent 24rem),
    #08090D!important;
}

/* Mobile: keep glow controlled and typography clean */
@media(max-width:767px){
  .tweak-home > section:first-of-type{
    background:
      radial-gradient(circle at 80% 34%,rgba(255,7,24,.08),transparent 19rem),
      #08090D!important;
  }
}


/* ==========================================================================
   v1.1.1 — CONTACT / LEADS / COOKIE POLICY / BACK TO TOP
   ========================================================================== */

.tweak-back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,7,24,.78);
  background:rgba(8,9,13,.88);
  color:#FFF7F8;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(255,247,248,.04),
    0 0 24px rgba(255,7,24,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease,border-color .22s ease,box-shadow .22s ease;
  cursor:pointer;
}
.tweak-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.tweak-back-to-top:hover{
  border-color:#FFF7F8;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 30px rgba(255,7,24,.28);
}
.tweak-back-to-top svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:#FF0718;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(255,7,24,.34));
}
.tweak-back-to-top:hover svg{stroke:#FFF7F8}

@media(max-width:767px){
  .tweak-back-to-top{
    width:42px;
    height:42px;
    right:16px;
    bottom:16px;
  }
  .tweak-site-footer .flex.gap-6{
    flex-wrap:wrap;
    justify-content:center;
  }
}


/* ======================================================================
   v1.1.2 — INSIGHTS / UI POLISH / STRONGER WHITE / ANTI-BLUR TITLES
   ====================================================================== */
:root{
  --foreground:#FFFFFF;
  --card-foreground:#FFFFFF;
  --secondary-foreground:#F5F7FA;
  --muted-foreground:#E2E8F0;
}

.tweak-page .text-foreground,
.tweak-page .text-white{
  color:#FFFFFF!important;
  text-shadow:0 1px 1px rgba(0,0,0,.14)!important;
}

.tweak-page h1,
.tweak-page h2,
.tweak-page h3,
.tweak-page h4,
.tweak-page h5,
.tweak-page h6{
  color:#FFFFFF;
  text-shadow:0 1px 1px rgba(0,0,0,.14)!important;
  filter:none!important;
}

.text-display,
.text-section-title,
.text-hero-xl{
  filter:none!important;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
}

.text-gradient-foreground{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#FFFFFF!important;
  text-shadow:0 1px 1px rgba(0,0,0,.14)!important;
}

.tweak-page .text-muted-foreground,
.tweak-page p.text-muted-foreground,
.tweak-page li.text-muted-foreground,
.tweak-page span.text-muted-foreground,
.tweak-page a.text-muted-foreground{
  color:rgba(245,248,252,.88)!important;
  text-shadow:none!important;
}

.tweak-site-header a,
.tweak-site-footer a,
.tweak-mobile-menu a{
  text-shadow:none!important;
}

.tweak-back-to-top{
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(255,255,255,.06),
    0 0 26px rgba(255,7,24,.20)!important;
}
.tweak-back-to-top:hover{
  border-color:#FFFFFF!important;
}
.tweak-back-to-top svg{
  stroke:#FF0718!important;
  filter:drop-shadow(0 0 6px rgba(255,7,24,.42));
}

.tweak-visual-stack{display:grid;gap:16px}
.tweak-image-panel,
.tweak-image-card,
.tweak-insight-jump{
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(11,12,18,.96) 0%,rgba(7,8,12,.98) 100%);
  box-shadow:0 18px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}
.tweak-image-panel{position:relative}
.tweak-image-panel--wide{aspect-ratio:16/9}
.tweak-image-panel--dark{min-height:240px;padding:18px;background:radial-gradient(circle at 75% 18%,rgba(255,7,24,.18),transparent 32%),#07080C}
.tweak-image-card{display:flex;flex-direction:column;height:100%}

.tweak-insight-jump{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:24px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.tweak-insight-jump:hover{
  transform:translateY(-2px);
  border-color:rgba(255,7,24,.35);
  box-shadow:0 18px 52px rgba(0,0,0,.24),0 0 24px rgba(255,7,24,.12);
}
.tweak-insight-jump h2{font-size:1.15rem;line-height:1.15;font-weight:700;letter-spacing:-.02em}
.tweak-insight-jump p{font-size:.95rem;line-height:1.7;color:rgba(245,248,252,.84)!important}
.tweak-insight-index{font-size:.72rem;line-height:1;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:#FF0718}

.tweak-insight-sticky{position:sticky;top:120px;display:grid;gap:18px}
.tweak-article-body{display:grid;gap:18px}
.tweak-article-body p{font-size:1rem;line-height:1.9}
.tweak-article-body h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-top:10px}
.tweak-article-body ul{display:grid;gap:12px;padding-left:1.1rem}
.tweak-article-body li{line-height:1.8;color:rgba(245,248,252,.88)!important}

html{scroll-behavior:smooth}

@media (max-width: 991px){
  .tweak-insight-sticky{position:relative;top:auto}
}
@media (max-width: 767px){
  .text-display{line-height:.98}
  .text-section-title{line-height:1.04}
  .tweak-image-panel--dark{min-height:200px}
  .tweak-insight-jump{padding:20px;border-radius:22px}
  .tweak-image-panel,
  .tweak-image-card{border-radius:22px}
}


/* ======================================================================
   v1.1.3 — GLOBAL CONTRAST HARDENING
   iOS-safe heading rendering + strong white across all content surfaces.
   ====================================================================== */

/* Primary content must never inherit transparent / dark text fill. */
.tweak-page h1,
.tweak-page h2,
.tweak-page h3,
.tweak-page h4,
.tweak-page h5,
.tweak-page h6,
.tweak-page .text-display,
.tweak-page .text-section-title,
.tweak-page .text-hero-xl,
.tweak-page .text-gradient-foreground{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:0 1px 1px rgba(0,0,0,.16)!important;
}

/* Metallic treatment stays bright but iOS-safe. */
.tweak-page .text-metallic{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  opacity:1!important;
  filter:none!important;
}

/* General readable body copy. */
.tweak-page p,
.tweak-page li{
  color:rgba(250,252,255,.94);
}
.tweak-page .text-muted-foreground,
.tweak-page p.text-muted-foreground,
.tweak-page li.text-muted-foreground,
.tweak-page span.text-muted-foreground,
.tweak-page a.text-muted-foreground{
  color:rgba(247,250,253,.90)!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:1!important;
}

/* Full-red modules: all meaningful text is explicitly light. */
.tweak-home > section:nth-of-type(even) h1,
.tweak-home > section:nth-of-type(even) h2,
.tweak-home > section:nth-of-type(even) h3,
.tweak-home > section:nth-of-type(even) h4,
.tweak-home > section:nth-of-type(even) p,
.tweak-home > section:nth-of-type(even) li,
.tweak-capabilities > section:nth-of-type(2) h1,
.tweak-capabilities > section:nth-of-type(2) h2,
.tweak-capabilities > section:nth-of-type(2) h3,
.tweak-capabilities > section:nth-of-type(2) h4,
.tweak-capabilities > section:nth-of-type(2) p,
.tweak-capabilities > section:nth-of-type(2) li,
.tweak-about > section:nth-of-type(2) h1,
.tweak-about > section:nth-of-type(2) h2,
.tweak-about > section:nth-of-type(2) h3,
.tweak-about > section:nth-of-type(2) h4,
.tweak-about > section:nth-of-type(2) p,
.tweak-about > section:nth-of-type(2) li,
.tweak-about > section:nth-of-type(4) h1,
.tweak-about > section:nth-of-type(4) h2,
.tweak-about > section:nth-of-type(4) h3,
.tweak-about > section:nth-of-type(4) h4,
.tweak-about > section:nth-of-type(4) p,
.tweak-about > section:nth-of-type(4) li,
.tweak-contact > section:nth-of-type(2) h1,
.tweak-contact > section:nth-of-type(2) h2,
.tweak-contact > section:nth-of-type(2) h3,
.tweak-contact > section:nth-of-type(2) h4,
.tweak-contact > section:nth-of-type(2) p,
.tweak-contact > section:nth-of-type(2) li{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  opacity:1!important;
}

/* Keep paragraph hierarchy but never let it become too faint. */
.tweak-page .text-muted-foreground\/60,
.tweak-page .text-muted-foreground\/50,
.tweak-page .text-muted-foreground\/30,
.tweak-page .text-muted-foreground\/25{
  color:rgba(247,250,253,.72)!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Exception: decorative oversized numbering remains intentionally subtle. */
.tweak-page .text-foreground\/\[0\.03\],
.tweak-page .text-foreground\/\[0\.025\]{
  color:rgba(255,255,255,.055)!important;
  -webkit-text-fill-color:rgba(255,255,255,.055)!important;
}

/* Cards on red sections keep a dark readable surface. */
.tweak-home > section:nth-of-type(even) .card-premium,
.tweak-capabilities > section:nth-of-type(2) .card-premium,
.tweak-about > section:nth-of-type(2) .card-premium,
.tweak-about > section:nth-of-type(4) .card-premium,
.tweak-contact > section:nth-of-type(2) .card-premium{
  background:rgba(18,7,11,.88)!important;
  border-color:rgba(255,255,255,.18)!important;
}

/* Buttons: only intentionally light buttons may use dark text. */
.tweak-page a.bg-accent,
.tweak-page button.bg-accent{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}
.tweak-home > section:nth-of-type(even) a.bg-accent,
.tweak-home > section:nth-of-type(even) button.bg-accent,
.tweak-capabilities > section:nth-of-type(2) a.bg-accent,
.tweak-capabilities > section:nth-of-type(2) button.bg-accent,
.tweak-about > section:nth-of-type(2) a.bg-accent,
.tweak-about > section:nth-of-type(2) button.bg-accent,
.tweak-about > section:nth-of-type(4) a.bg-accent,
.tweak-about > section:nth-of-type(4) button.bg-accent,
.tweak-contact > section:nth-of-type(2) a.bg-accent,
.tweak-contact > section:nth-of-type(2) button.bg-accent{
  color:#090A0D!important;
  -webkit-text-fill-color:#090A0D!important;
}

/* Ensure iOS Safari doesn't soften headings during or after animation. */
@keyframes animationIn{
  0%{opacity:0;transform:translateY(18px);filter:none}
  100%{opacity:1;transform:translateY(0);filter:none}
}
.tweak-page [style*="animation:animationIn"]{
  filter:none!important;
  -webkit-filter:none!important;
}

/* Mobile contrast floor. */
@media(max-width:767px){
  .tweak-page h1,
  .tweak-page h2,
  .tweak-page h3,
  .tweak-page h4{
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
    opacity:1!important;
  }
  .tweak-page p,
  .tweak-page li,
  .tweak-page .text-muted-foreground{
    color:rgba(250,252,255,.93)!important;
  }
}


/* ==========================================================================
   v1.2.0 — IGNITION VISUAL SYSTEM
   Approved high-energy TWEAK visual language.
   ========================================================================== */

.tweak-fire-field{
  background:
    radial-gradient(circle at 76% 48%,rgba(255,7,24,.18),transparent 22rem),
    linear-gradient(112deg,transparent 0 53%,rgba(255,7,24,.045) 53.2% 53.5%,transparent 53.8%),
    radial-gradient(circle at 30% 78%,rgba(255,7,24,.05),transparent 24rem);
}
.tweak-fire-field::after{
  content:"";
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(164deg,transparent 0 42px,rgba(255,7,24,.025) 43px 44px,transparent 45px 78px);
  mask-image:linear-gradient(90deg,transparent 0%,#000 58%,#000 100%);
}

.tweak-fire-visual{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.11);
  background:#050609;
  box-shadow:
    0 24px 76px rgba(0,0,0,.40),
    0 0 42px rgba(255,7,24,.11),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.tweak-fire-visual::before{
  content:"";
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 25%,transparent 68%,rgba(255,7,24,.06));
}
.tweak-fire-visual img{display:block;width:100%;height:auto;object-fit:cover;transform:scale(1.002)}
.tweak-fire-visual--hero img{min-height:430px;object-fit:cover}
.tweak-fire-visual--wide img{max-height:650px}
.tweak-fire-caption{
  position:absolute;left:22px;right:22px;bottom:20px;z-index:3;
  display:flex;justify-content:space-between;gap:18px;align-items:end;
  padding:14px 16px;border:1px solid rgba(255,255,255,.10);
  background:rgba(5,6,9,.66);backdrop-filter:blur(10px);border-radius:14px;
}
.tweak-fire-caption span{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.tweak-fire-caption strong{font-size:12px;letter-spacing:.16em;color:#fff}

.tweak-mini-signal{
  position:relative;overflow:hidden;
  min-height:104px;padding:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg,rgba(255,7,24,.065),rgba(9,10,14,.96) 48%);
}
.tweak-mini-signal::before{content:"";position:absolute;left:0;bottom:0;width:54px;height:2px;background:#FF0718;box-shadow:0 0 14px rgba(255,7,24,.38)}
.tweak-mini-signal span{display:block;font-size:9px;font-weight:800;letter-spacing:.28em;color:#FF0718;margin-bottom:11px}
.tweak-mini-signal strong{display:block;font-size:15px;color:#fff;margin-bottom:4px}
.tweak-mini-signal small{font-size:11px;color:rgba(255,255,255,.72)}

.tweak-motion-section,
.tweak-method-engine,
.tweak-capability-visual,
.tweak-trajectory-section{
  position:relative;
  background:
    radial-gradient(circle at 92% 35%,rgba(255,7,24,.055),transparent 22rem),
    #08090D!important;
}
.tweak-motion-card{
  padding:16px 17px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.018);
}
.tweak-motion-card span{display:block;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:#FF0718;margin-bottom:6px}
.tweak-motion-card strong{font-size:13px;color:#fff}

.tweak-method-nodes{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
.tweak-method-nodes span{
  display:flex;align-items:center;gap:9px;padding:11px 12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.018);
  font-size:10px;font-weight:800;letter-spacing:.15em;color:#fff;
}
.tweak-method-nodes span b{font-size:9px;color:#FF0718;letter-spacing:.2em}
.tweak-method-nodes span.is-hot{
  border-color:rgba(255,7,24,.34);
  background:linear-gradient(135deg,rgba(138,0,11,.74),rgba(255,7,24,.42));
  box-shadow:0 0 20px rgba(255,7,24,.10);
}

.tweak-signal-chart{
  position:relative;min-height:330px;overflow:hidden;
  border:1px solid rgba(255,255,255,.09);border-radius:24px;
  background:linear-gradient(145deg,rgba(255,7,24,.055),rgba(7,8,12,.98) 45%);
  padding:30px;
}
.tweak-chart-grid{
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;opacity:.38;
}
.tweak-chart-bars{
  position:absolute;left:36px;right:36px;bottom:36px;top:44px;
  display:flex;align-items:end;justify-content:space-between;gap:14px;
}
.tweak-chart-bars span{
  position:relative;width:15%;height:var(--h);
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,7,24,.88),rgba(138,0,11,.34));
  box-shadow:0 0 24px rgba(255,7,24,.12);
}
.tweak-chart-bars i{
  position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);
  font-style:normal;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.70);white-space:nowrap;
}
.tweak-signal-chart svg{position:absolute;inset:44px 26px 56px 26px;width:calc(100% - 52px);height:calc(100% - 100px);z-index:3;overflow:visible}
.tweak-signal-chart path{fill:none;stroke:#FFF7F8;stroke-width:3;filter:drop-shadow(0 0 8px rgba(255,7,24,.75))}

.tweak-footer-signal-map{
  position:absolute;right:-4%;bottom:-38px;width:390px;height:180px;opacity:.42;pointer-events:none;
  background:
    linear-gradient(18deg,transparent 0 31%,rgba(255,7,24,.13) 31.2% 31.6%,transparent 31.8%),
    linear-gradient(161deg,transparent 0 43%,rgba(255,7,24,.10) 43.2% 43.5%,transparent 43.8%);
}
.tweak-footer-signal-map i{position:absolute;width:7px;height:7px;border-radius:50%;background:#FF0718;box-shadow:0 0 14px rgba(255,7,24,.58)}
.tweak-footer-signal-map i:nth-child(1){left:12%;top:54%}.tweak-footer-signal-map i:nth-child(2){left:31%;top:32%}.tweak-footer-signal-map i:nth-child(3){left:51%;top:58%}.tweak-footer-signal-map i:nth-child(4){left:68%;top:24%}.tweak-footer-signal-map i:nth-child(5){left:82%;top:66%}.tweak-footer-signal-map i:nth-child(6){left:94%;top:42%}

/* Insights: make editorial cards feel visual, not text-only. */
.tweak-insights .tweak-image-panel img{min-height:260px;object-fit:cover}
.tweak-insights .tweak-article-body{position:relative}
.tweak-insights .tweak-article-body::before{
  content:"";position:absolute;left:-26px;top:4px;bottom:4px;width:1px;
  background:linear-gradient(180deg,transparent,#FF0718 18%,rgba(255,7,24,.14) 75%,transparent);
}

/* More movement without distracting animation. */
@media (hover:hover){
  .tweak-fire-visual img{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s ease}
  .tweak-fire-visual:hover img{transform:scale(1.025);filter:saturate(1.06) contrast(1.025)}
}
@media(max-width:767px){
  .tweak-fire-visual{border-radius:20px}
  .tweak-fire-visual--hero img{min-height:300px}
  .tweak-fire-caption{left:12px;right:12px;bottom:12px;padding:10px;display:block}
  .tweak-fire-caption span{display:block;margin-bottom:5px}
  .tweak-method-nodes{grid-template-columns:1fr 1fr}
  .tweak-signal-chart{min-height:280px;padding:18px}
  .tweak-chart-bars{left:20px;right:20px;bottom:38px;gap:8px}
  .tweak-chart-bars i{font-size:7px;letter-spacing:.08em}
  .tweak-footer-signal-map{width:260px;height:140px;opacity:.25}
}


/* ==========================================================================
   v1.2.1 — Insights visual refresh
   - topic-specific editorial visuals in Insights
   - reduced visual stacking on About
   ========================================================================== */
.tweak-insight-topic-visual img,
.tweak-insights-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.tweak-insight-topic-visual{
  overflow:hidden;
}
.tweak-about-single-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.tweak-visual-system-focus{
  padding:1.25rem;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,7,24,.05),rgba(255,255,255,.01));
}
.tweak-visual-system-focus .tweak-image-panel{margin-bottom:1.25rem}
.tweak-visual-system-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.tweak-visual-system-grid .mini-card{
  padding:1rem;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
}
.tweak-visual-system-grid .mini-card span{
  display:block;
  margin-bottom:.45rem;
  font-size:10px;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:#FF0718;
  font-weight:700;
}
.tweak-visual-system-grid .mini-card strong{
  display:block;
  color:#fff;
  font-size:15px;
  margin-bottom:.35rem;
}
.tweak-visual-system-grid .mini-card small{
  display:block;
  color:rgba(255,255,255,.7);
  line-height:1.5;
  font-size:12px;
}
@media(max-width:991px){
  .tweak-visual-system-grid{grid-template-columns:1fr}
}


/* ==========================================================================
   v1.2.2 — COMPLETE VISUAL LIBRARY
   ========================================================================== */

.tweak-insight-support-visual{
  margin:1.75rem 0 .5rem;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.09);
  background:#07080C;
  box-shadow:0 20px 60px rgba(0,0,0,.28),0 0 28px rgba(255,7,24,.08);
}
.tweak-insight-support-visual img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.tweak-insights .tweak-insight-topic-visual{
  box-shadow:0 20px 60px rgba(0,0,0,.30),0 0 30px rgba(255,7,24,.08);
}
@media(max-width:767px){
  .tweak-insight-support-visual{border-radius:18px;margin:1.35rem 0 .25rem}
}


/* v1.2.4 — Website compliance / accessibility / legal navigation */
.tweak-skip-link{position:fixed;left:1rem;top:.5rem;z-index:9999;padding:.75rem 1rem;background:#fff;color:#0A0B0F;border:2px solid #C71A13;border-radius:.25rem;transform:translateY(-180%);transition:transform .15s ease;font-weight:700}
.tweak-skip-link:focus{transform:translateY(0)}
.tweak-footer-legal{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center}
.tweak-footer-legal a{display:inline-flex;align-items:center;min-height:44px;padding:.25rem 0;text-decoration:none}
.tweak-footer-legal a:focus-visible{outline:2px solid #C71A13;outline-offset:4px}
@media(max-width:767px){.tweak-footer-legal{width:100%;flex-direction:column;align-items:stretch;gap:.25rem}.tweak-footer-legal a{width:100%;min-height:44px;border-bottom:1px solid rgba(255,255,255,.08)}}
@media(forced-colors:active){.tweak-skip-link,.tweak-menu-toggle,.tweak-back-to-top{forced-color-adjust:auto}.tweak-footer-legal a{border-color:CanvasText}}