@font-face {
  font-family: "Orbitron";
  src: url("https://cybersmart.eu/wp-content/uploads/fonts/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyKS6xo2IyXjU1pg.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Orbitron";
  src: url("https://cybersmart.eu/wp-content/uploads/fonts/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1ny_Cmxo2IyXjU1pg.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --cs-frame-max: 1040px;
  --cs-shell-max: 960px;
  --cs-shell-inline-gap: 48px;
  --cs-shell-inline-gap-mobile: 32px;
  --cs-bg: #070a0d;
  --cs-surface: #0a0f13;
  --cs-surface-raised: #0d1318;
  --cs-text: #edf2f4;
  --cs-text-soft: #c4cdd1;
  --cs-text-muted: #8f9aa0;
  --cs-text-context: #cad2d6;
  --cs-line: rgba(222, 232, 237, .12);
  --cs-line-strong: rgba(222, 232, 237, .19);
  --cs-orange: #f27b22;
  --cs-orange-soft: rgba(242, 123, 34, .22);
  --cs-green: #75c9a8;
  --cs-display: "Orbitron", "Arial Narrow", sans-serif;
  --cs-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  color-scheme: dark;
  scroll-behavior: smooth;
  background: #050709;
}

body {
  margin: 0;
  color: var(--cs-text);
  background: #050709;
  font-family: var(--cs-sans);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
}

.cs-site-frame {
  position: relative;
  width: min(100%, var(--cs-frame-max));
  margin-inline: auto;
  overflow: hidden;
  border-inline: 1px solid rgba(255, 255, 255, .035);
  background:
    linear-gradient(rgba(7, 10, 13, .91), rgba(7, 10, 13, .91)),
    url("https://cybersmart.eu/wp-content/uploads/2026/03/tactical_content_background.png")
      center top / 720px auto repeat;
  box-shadow: 0 0 80px rgba(0, 0, 0, .56);
}

body.cst-about-page #masthead.site-header,
body.cst-about-page .main-navigation,
body.cst-about-page .site-footer,
body.cst-about-page .entry-header {
  display: none !important;
}

/* Defensive fallback if another theme/filter reintroduces a sidebar. */
body.cst-about-page #right-sidebar,
body.cst-about-page #left-sidebar {
  display: none !important;
}

body.cst-about-page #page,
body.cst-about-page #primary,
body.cst-about-page .site-content,
body.cst-about-page .content-area,
body.cst-about-page .inside-article,
body.cst-about-page .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.cst-about-page .site-main {
  width: 100% !important;
  margin: 0 !important;
}

body.cst-about-page .inside-article {
  background: transparent !important;
}

body.cst-about-page .entry-content > .cs-site-frame {
  margin-top: 0;
  margin-bottom: 0;
}

.cs-site-frame::after {
  content: "";
  position: fixed;
  z-index: 50;
  inset: 0;
  pointer-events: none;
  opacity: .075;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, .13) 0,
      rgba(255, 255, 255, .13) 1px,
      transparent 1px,
      transparent 4px
    );
  mix-blend-mode: soft-light;
}

.cs-about-page main h1,
.cs-about-page main h2,
.cs-about-page main h3,
.cs-about-page main p {
  margin-top: 0;
}

.cs-about-page main h1,
.cs-about-page main h2,
.cs-about-page main h3 {
  font-family: var(--cs-display);
  font-weight: 500;
}

.cs-about-page main h2 {
  max-width: 15ch;
  margin-bottom: 24px;
  color: var(--cs-text);
  font-size: clamp(30px, 4.4vw, 46px);
  line-height: 1.08;
  letter-spacing: -.035em;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: normal;
  word-break: normal;
}

.cs-about-page main h3 {
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1.2;
}

.cs-kicker {
  margin-bottom: 12px;
  color: var(--cs-orange);
  font: 600 10px/1.5 var(--cs-display);
  letter-spacing: .18em;
  text-transform: uppercase;
}

.cs-about-page .cs-utility-bar {
  position: relative;
}

.cs-about-page .cs-global-footer__logo {
  filter:
    invert(.9)
    grayscale(1)
    drop-shadow(0 0 12px rgba(255, 255, 255, .08));
  opacity: .72;
}

.cs-about-hero {
  position: relative;
  padding: 56px 0 0;
  overflow: hidden;
  background: linear-gradient(115deg, rgba(17, 23, 28, .55), rgba(5, 8, 10, .12) 68%);
}

.cs-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, .015), transparent 52%);
}

.cs-about-hero__grid {
  position: relative;
  min-height: 350px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  padding-bottom: 48px;
}

.cs-about-hero__copy {
  position: relative;
  z-index: 2;
  max-width: none;
}

.cs-about-hero h1 {
  margin-bottom: 26px;
  max-width: 100%;
  font-size: clamp(44px, 5.2vw, 64px);
  line-height: .98;
  letter-spacing: -.055em;
}

.cs-about-hero__lead {
  max-width: none;
  margin-bottom: 16px;
  color: var(--cs-text-soft);
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.5;
}

.cs-about-hero__sublead {
  max-width: none;
  margin-bottom: 0;
  color: var(--cs-text-muted);
  font-size: 15px;
}

.cs-about-hero__sublead + .cs-about-hero__sublead {
  margin-top: 13px;
}

.cs-about-hero__sublead strong {
  color: var(--cs-text);
  font-weight: 600;
}

.cs-facts-rail {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--cs-line-strong);
  border-bottom: 0;
  background: rgba(3, 6, 8, .86);
}

.cs-facts-rail > div {
  min-width: 0;
  min-height: 94px;
  padding: 20px 18px 18px;
  border-right: 1px solid var(--cs-line-strong);
}

.cs-facts-rail > div:last-child {
  border-right: 0;
}

.cs-facts-rail strong,
.cs-facts-rail small {
  display: block;
}

.cs-facts-rail strong {
  margin-bottom: 9px;
  font: 500 clamp(13px, 1.7vw, 17px)/1.25 var(--cs-display);
}

.cs-facts-rail small {
  color: #77838a;
  font-size: 9px;
  line-height: 1.55;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.cs-info-block {
  position: relative;
  padding: 23px 0 52px;
}

.cs-info-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--cs-shell-max);
  max-width: calc(100% - var(--cs-shell-inline-gap));
  height: 1px;
  transform: translateX(-50%);
  background: var(--cs-line);
}

.cs-info-grid {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr);
  gap: 70px;
  align-items: start;
}

.cs-info-head h2 {
  margin-bottom: 0;
}

.cs-info-copy {
  padding-top: 27px;
  color: var(--cs-text-muted);
}

.cs-info-copy p:last-child,
.cs-editorial-copy p:last-child,
.cs-signet-copy p:last-of-type {
  margin-bottom: 0;
}

.cs-info-copy__lead {
  color: var(--cs-text-soft);
  font-size: 18px;
  line-height: 1.62;
}

.cs-author-profile {
  min-width: 0;
  padding: 27px 0 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.cs-author-profile__copy {
  color: var(--cs-text-muted);
}

.cs-author-profile__continuation {
  grid-column: 1 / -1;
  min-width: 0;
  margin-top: 6px;
  color: var(--cs-text-muted);
}

.cs-author-profile__copy p:last-child,
.cs-author-profile__continuation p:last-child {
  margin-bottom: 0;
}

.cs-author-facts {
  grid-column: 1 / -1;
  margin: 24px 0 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--cs-line);
  border-left: 1px solid var(--cs-line);
}

.cs-author-facts > div {
  min-width: 0;
  min-height: 82px;
  padding: 13px 14px;
  display: block;
  border-right: 1px solid var(--cs-line);
  border-bottom: 1px solid var(--cs-line);
}

.cs-author-facts > div:last-child {
  padding-bottom: 13px;
}

.cs-author-facts > .cs-author-facts__wide {
  grid-column: 1 / -1;
}

.cs-author-facts dt,
.cs-author-facts dd {
  min-width: 0;
  margin: 0;
}

.cs-author-facts dt {
  margin-bottom: 5px;
  color: var(--cs-orange);
  font: 500 8px/1.5 var(--cs-display);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.cs-author-facts dd {
  color: var(--cs-text-soft);
  font-size: 12px;
  line-height: 1.5;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal;
}

.cs-context-flow {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--cs-line-strong);
  background: rgba(5, 8, 10, .62);
}

.cs-context-flow > div {
  min-height: 110px;
  padding: 19px 20px;
  display: grid;
  align-content: start;
  border-right: 1px solid var(--cs-line-strong);
}

.cs-context-flow > div:last-child {
  border-right: 0;
}

.cs-context-flow span,
.cs-scope-grid span {
  margin-bottom: 16px;
  color: var(--cs-orange);
  font: 600 9px/1 var(--cs-display);
  letter-spacing: .12em;
}

.cs-context-flow strong {
  margin-bottom: 5px;
  font: 500 16px/1.3 var(--cs-display);
}

.cs-context-flow small {
  color: var(--cs-text-muted);
  font-size: 12px;
}

.cs-section-intro {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(260px, 1.1fr);
  column-gap: 70px;
  row-gap: 0;
  align-items: start;
}

.cs-section-intro .cs-kicker {
  grid-column: 1;
  grid-row: 1;
}

.cs-section-intro h2 {
  grid-column: 1;
  grid-row: 2;
  margin-bottom: 0;
}

.cs-section-intro > p:last-child {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin-bottom: 0;
  color: var(--cs-text-soft);
  font-size: 18px;
}

.cs-scope-grid {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.cs-scope-grid article,
.cs-project-grid article {
  position: relative;
  min-width: 0;
  border: 1px solid var(--cs-line-strong);
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .028), transparent 36%),
    rgba(8, 12, 15, .72);
  box-shadow:
    inset 1px 1px 0 rgba(255, 255, 255, .02),
    0 16px 42px rgba(0, 0, 0, .12);
}

.cs-scope-grid article {
  min-height: 0;
  padding: 18px 20px 20px;
}

.cs-scope-grid p,
.cs-project-grid p {
  margin-bottom: 0;
  color: var(--cs-text-muted);
  font-size: 13px;
}

.cs-scope-note {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  color: var(--cs-text-muted);
  font-size: 14px;
}

.cs-scope-note p {
  margin-bottom: 0;
}

.cs-editorial-grid {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr);
  grid-template-areas:
    "head copy"
    "ai principles";
  gap: 24px 70px;
  align-items: stretch;
}

.cs-editorial-grid .cs-info-head {
  grid-area: head;
}

.cs-editorial-copy {
  grid-area: copy;
  padding-top: 27px;
  color: var(--cs-text-muted);
}

.cs-principles {
  grid-area: principles;
  height: 100%;
  border: 1px solid var(--cs-line-strong);
  background: rgba(5, 8, 10, .6);
}

.cs-principles > div {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: baseline;
  gap: 16px;
  padding: 17px 20px;
  border-bottom: 1px solid var(--cs-line);
}

.cs-principles > div:last-child {
  border-bottom: 0;
}

.cs-principles span {
  color: var(--cs-orange);
  font: 500 9px/1.5 var(--cs-display);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cs-principles strong {
  color: var(--cs-text-soft);
  font-size: 13px;
  font-weight: 500;
}

.cs-ai-note {
  grid-area: ai;
  height: 100%;
  padding: 20px;
  border: 1px solid rgba(117, 201, 168, .26);
  background:
    linear-gradient(135deg, rgba(117, 201, 168, .055), transparent 44%),
    rgba(5, 8, 10, .58);
}

.cs-ai-note__head {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.cs-ai-note__head span {
  flex: 0 0 auto;
  color: var(--cs-green);
  font: 500 8px/1.4 var(--cs-display);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.cs-ai-note h3 {
  margin-bottom: 0;
  color: var(--cs-text);
  font-size: 15px;
}

.cs-ai-note ul {
  margin: 17px 0 14px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 18px;
  list-style: none;
}

.cs-ai-note li {
  position: relative;
  padding-left: 13px;
  color: var(--cs-text-soft);
  font-size: 11px;
  line-height: 1.45;
}

.cs-ai-note li::before {
  content: "";
  position: absolute;
  top: .56em;
  left: 0;
  width: 4px;
  height: 4px;
  background: var(--cs-green);
  box-shadow: 0 0 8px rgba(117, 201, 168, .4);
}

.cs-ai-note p {
  margin-bottom: 0;
  color: var(--cs-text-muted);
  font-size: 11px;
  line-height: 1.55;
}

.cs-signet-grid {
  display: flow-root;
}

.cs-signet-instrument {
  float: left;
  width: 260px;
  margin: 0 clamp(24px, 3.2vw, 32px) 18px 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cs-signet-instrument .cst-instrument {
  --cst-bearing-radius: 111px;
  position: relative;
  top: auto;
  left: auto;
  width: 260px;
  max-width: 100%;
  transform: none;
  isolation: isolate;
}

.cs-signet-instrument .cst-compass-logo img {
  width: 100%;
  height: 100%;
  display: block;
  opacity: .92;
  filter:
    invert(.69)
    grayscale(1)
    contrast(.9)
    drop-shadow(0 1px 0 rgba(255, 255, 255, .12))
    drop-shadow(0 3px 16px rgba(0, 0, 0, .58));
}

.cs-signet-copy {
  color: var(--cs-text-muted);
}

.cs-about-page main .cs-signet-copy h2 {
  max-width: none;
}

.cs-section-intro--compact > p:last-child {
  max-width: 480px;
}

.cs-project-grid {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.cs-project-grid article {
  min-height: 0;
  padding: 18px 20px 20px;
}

.cs-project-grid small {
  display: block;
  margin-bottom: 16px;
  color: var(--cs-orange);
  font: 500 8px/1.4 var(--cs-display);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cs-contact-band {
  margin-top: 36px;
  padding: 23px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border: 1px solid var(--cs-line-strong);
  background: rgba(6, 9, 11, .68);
}

.cs-contact-band .cs-kicker {
  margin-bottom: 12px;
}

.cs-contact-band h2 {
  max-width: 650px;
  margin-bottom: 0;
  font-size: clamp(20px, 3vw, 30px);
}

.cs-info-block--last {
  padding-bottom: 60px;
}

.cs-global-footer {
  background: rgba(3, 6, 8, .74);
}

@media (max-width: 820px) {
  .cs-about-hero__grid {
    min-height: 340px;
  }

  .cs-info-grid,
  .cs-editorial-grid,
  .cs-section-intro {
    column-gap: 44px;
  }

  .cs-signet-instrument {
    width: 230px;
    margin-right: 24px;
  }

  .cs-about-page main h2 {
    font-size: clamp(29px, 5.8vw, 44px);
  }

  .cs-signet-instrument .cst-instrument {
    --cst-bearing-radius: 98px;
    width: 230px;
  }

}

@media (max-width: 720px) {
  :root {
    --cs-shell-inline-gap: var(--cs-shell-inline-gap-mobile);
  }

  .cs-about-hero {
    padding-top: 38px;
  }

  .cs-about-hero__grid {
    min-height: auto;
    grid-template-columns: 1fr;
    padding-bottom: 34px;
  }

  .cs-about-hero h1 {
    font-size: clamp(38px, 10.4vw, 48px);
  }

  .cs-about-hero__lead {
    font-size: 17px;
  }

  .cs-facts-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cs-facts-rail > div {
    min-height: 104px;
  }

  .cs-facts-rail > div:nth-child(2) {
    border-right: 0;
  }

  .cs-facts-rail > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--cs-line-strong);
  }

  .cs-info-block {
    padding: 23px 0 44px;
  }

  .cs-info-grid,
  .cs-editorial-grid,
  .cs-section-intro {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .cs-info-grid {
    gap: 22px;
  }

  .cs-info-copy,
  .cs-author-profile,
  .cs-editorial-copy {
    padding-top: 0;
  }

  .cs-signet-instrument {
    float: none;
    width: 100%;
    margin: 0 0 22px;
    align-items: center;
  }

  .cs-signet-instrument .cst-instrument {
    --cst-bearing-radius: clamp(88px, 29vw, 103px);
    width: min(240px, 68vw);
  }

  .cs-info-head h2 {
    margin-bottom: 0;
  }

  .cs-author-profile {
    padding: 0;
  }

  .cs-author-profile__continuation {
    margin-top: 0;
  }

  .cs-context-flow,
  .cs-scope-grid,
  .cs-project-grid {
    grid-template-columns: 1fr;
  }

  .cs-context-flow > div {
    min-height: 104px;
    border-right: 0;
    border-bottom: 1px solid var(--cs-line-strong);
  }

  .cs-context-flow > div:last-child {
    border-bottom: 0;
  }

  .cs-context-flow span,
  .cs-scope-grid span {
    margin-bottom: 16px;
  }

  .cs-section-intro .cs-kicker,
  .cs-section-intro h2,
  .cs-section-intro > p:last-child {
    grid-column: 1;
    grid-row: auto;
  }

  .cs-section-intro > p:last-child {
    margin-bottom: 0;
  }

  .cs-section-intro {
    gap: 0;
  }

  .cs-section-intro h2 {
    margin-bottom: 20px;
  }

  .cs-scope-grid {
    margin-top: 28px;
  }

  .cs-context-flow,
  .cs-project-grid {
    margin-top: 28px;
  }

  .cs-scope-grid article {
    min-height: 0;
    padding: 19px;
  }

  .cs-scope-note {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cs-editorial-grid {
    grid-template-areas:
      "head"
      "copy"
      "principles"
      "ai";
  }

  .cs-principles,
  .cs-ai-note {
    height: auto;
  }

  .cs-principles > div {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .cs-ai-note ul {
    grid-template-columns: 1fr;
  }

  .cs-project-grid {
    gap: 10px;
  }

  .cs-project-grid article {
    min-height: 0;
    padding: 19px;
  }

  .cs-contact-band {
    margin-top: 30px;
    padding: 21px 22px;
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
  }

  .cs-info-block--last {
    padding-bottom: 52px;
  }
}

@media (max-width: 380px) {
  .cs-about-hero h1 {
    font-size: 36px;
  }

  .cs-facts-rail > div {
    min-height: 108px;
    padding: 17px 13px;
  }

  .cs-facts-rail strong {
    font-size: 12px;
  }

  .cs-facts-rail small {
    font-size: 8px;
  }

  .cs-about-page main h2 {
    font-size: 29px;
  }

  .cs-principles > div {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .cs-author-facts > div {
    min-height: 0;
  }
}

@media (max-width: 340px) {
  .cs-author-facts {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}