/* --- Start of variables.css --- */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --page-bg: #06101f;
  --bg: #06101f;
  --bg-strong: #0b1730;
  --bg-eclipse: #1d3556;
  --surface: rgba(20, 34, 58, 0.82);
  --surface-2: rgba(27, 44, 72, 0.94);
  --surface-3: rgba(56, 80, 118, 0.72);
  --border: rgba(255, 255, 255, 0.16);
  --border-bright: rgba(0, 245, 255, 0.36);
  --text: #ffffff;
  --muted: #b8c7d9;
  --muted-soft: #7e91a8;
  --accent: #00f5ff;
  --accent-2: #1d3556;
  --accent-3: #8cfbff;
  --accent-steel: #1d3556;
  --accent-silver: #cbd5e1;
  --accent-warning: #ff4b4b;
  --accent-warning-soft: #ff8383;
  --accent-success: #00dca3;
  --accent-purple: #00f5ff;
  --shadow: 0 30px 70px rgba(2, 8, 18, 0.38);
  --hero-tree-image: url("../../assets/images/ai_tree_transparent_cyan.png");
  --radius-xl: 26px;
  --radius-lg: 20px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --max-width: 1180px;
  --header-offset: 84px;
}

:root[data-theme="light"][data-palette="desert"] {
  --page-bg: #16161d;
  --bg: #16161d;
  --bg-strong: #241f21;
  --bg-eclipse: #c85a32;
  --surface: rgba(240, 230, 223, 0.08);
  --surface-2: rgba(36, 31, 33, 0.88);
  --surface-3: rgba(200, 90, 50, 0.18);
  --border: rgba(240, 230, 223, 0.16);
  --border-bright: rgba(200, 90, 50, 0.46);
  --text: #f0e6df;
  --muted: #cdbfb7;
  --muted-soft: #9f8f87;
  --accent: #f0e6df;
  --accent-2: #c85a32;
  --accent-3: #e6865d;
  --accent-steel: #c85a32;
  --accent-silver: #f0e6df;
  --accent-warning: #c85a32;
  --accent-warning-soft: #e6865d;
  --accent-success: #f0e6df;
  --accent-purple: #f0e6df;
  --shadow: 0 30px 70px rgba(0, 0, 0, 0.36);
  --palette-text-rgb: 240, 230, 223;
  --palette-muted-rgb: 205, 191, 183;
  --palette-accent-rgb: 240, 230, 223;
  --palette-accent-2-rgb: 200, 90, 50;
  --palette-accent-3-rgb: 230, 134, 93;
  --palette-shadow-rgb: 0, 0, 0;
  --palette-panel-rgb: 36, 31, 33;
  --palette-grid-rgb: 200, 90, 50;
  --palette-wave-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 196' preserveAspectRatio='none'%3E%3Cpath d='M0 126 C120 94 236 82 358 104 C498 130 592 164 724 132 C856 100 954 80 1084 102 C1226 126 1320 130 1440 96' fill='none' stroke='rgba(200,90,50,0.38)' stroke-width='1.36'/%3E%3Cpath d='M0 150 C136 122 258 112 386 130 C520 150 626 176 752 148 C880 120 982 104 1112 124 C1244 144 1344 142 1440 118' fill='none' stroke='rgba(240,230,223,0.24)' stroke-width='1.2'/%3E%3Cpath d='M0 100 C136 132 262 144 396 120 C532 96 630 72 760 98 C896 124 1000 154 1136 134 C1268 114 1354 88 1440 104' fill='none' stroke='rgba(230,134,93,0.26)' stroke-width='1.12'/%3E%3C/svg%3E");
}

:root[data-theme="light"][data-palette="steel"] {
  --page-bg: #2d3748;
  --bg: #2d3748;
  --bg-strong: #38465a;
  --bg-eclipse: #f7fafc;
  --surface: rgba(247, 250, 252, 0.1);
  --surface-2: rgba(56, 70, 90, 0.84);
  --surface-3: rgba(247, 250, 252, 0.18);
  --border: rgba(247, 250, 252, 0.16);
  --border-bright: rgba(221, 107, 32, 0.5);
  --text: #f7fafc;
  --muted: #d7dee8;
  --muted-soft: #aeb9c8;
  --accent: #dd6b20;
  --accent-2: #f7fafc;
  --accent-3: #f6ad55;
  --accent-steel: #f7fafc;
  --accent-silver: #f7fafc;
  --accent-warning: #dd6b20;
  --accent-warning-soft: #f6ad55;
  --accent-success: #f7fafc;
  --accent-purple: #dd6b20;
  --shadow: 0 30px 70px rgba(6, 10, 17, 0.34);
  --palette-text-rgb: 247, 250, 252;
  --palette-muted-rgb: 215, 222, 232;
  --palette-accent-rgb: 221, 107, 32;
  --palette-accent-2-rgb: 247, 250, 252;
  --palette-accent-3-rgb: 246, 173, 85;
  --palette-shadow-rgb: 6, 10, 17;
  --palette-panel-rgb: 56, 70, 90;
  --palette-grid-rgb: 221, 107, 32;
  --palette-wave-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 196' preserveAspectRatio='none'%3E%3Cpath d='M0 126 C120 94 236 82 358 104 C498 130 592 164 724 132 C856 100 954 80 1084 102 C1226 126 1320 130 1440 96' fill='none' stroke='rgba(221,107,32,0.38)' stroke-width='1.36'/%3E%3Cpath d='M0 150 C136 122 258 112 386 130 C520 150 626 176 752 148 C880 120 982 104 1112 124 C1244 144 1344 142 1440 118' fill='none' stroke='rgba(247,250,252,0.24)' stroke-width='1.2'/%3E%3Cpath d='M0 100 C136 132 262 144 396 120 C532 96 630 72 760 98 C896 124 1000 154 1136 134 C1268 114 1354 88 1440 104' fill='none' stroke='rgba(246,173,85,0.28)' stroke-width='1.12'/%3E%3C/svg%3E");
}

:root[data-theme="light"][data-palette="cyber-slate"] {
  color-scheme: dark;
  --page-bg: #161b19;
  --bg: #161b19;
  --bg-strong: #212825;
  --bg-eclipse: #2d352f;
  --surface: rgba(33, 40, 37, 0.88);
  --surface-2: rgba(33, 40, 37, 0.96);
  --surface-3: rgba(185, 255, 102, 0.12);
  --border: rgba(248, 249, 250, 0.14);
  --border-bright: rgba(185, 255, 102, 0.46);
  --text: #f8f9fa;
  --muted: #d7dee8;
  --muted-soft: #aeb9c8;
  --accent: #b9ff66;
  --accent-2: #212825;
  --accent-3: #d2fca3;
  --accent-steel: #212825;
  --accent-silver: #f8f9fa;
  --accent-warning: #b9ff66;
  --accent-warning-soft: #d2fca3;
  --accent-success: #d2fca3;
  --accent-purple: #b9ff66;
  --shadow: 0 30px 70px rgba(8, 14, 11, 0.36);
  --palette-text-rgb: 248, 249, 250;
  --palette-muted-rgb: 215, 222, 232;
  --palette-accent-rgb: 185, 255, 102;
  --palette-accent-2-rgb: 33, 40, 37;
  --palette-accent-3-rgb: 210, 252, 163;
  --palette-shadow-rgb: 8, 14, 11;
  --palette-panel-rgb: 33, 40, 37;
  --palette-grid-rgb: 185, 255, 102;
  --palette-wave-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 196' preserveAspectRatio='none'%3E%3Cpath d='M0 126 C120 94 236 82 358 104 C498 130 592 164 724 132 C856 100 954 80 1084 102 C1226 126 1320 130 1440 96' fill='none' stroke='rgba(185,255,102,0.34)' stroke-width='1.36'/%3E%3Cpath d='M0 150 C136 122 258 112 386 130 C520 150 626 176 752 148 C880 120 982 104 1112 124 C1244 144 1344 142 1440 118' fill='none' stroke='rgba(210,252,163,0.26)' stroke-width='1.2'/%3E%3Cpath d='M0 100 C136 132 262 144 396 120 C532 96 630 72 760 98 C896 124 1000 154 1136 134 C1268 114 1354 88 1440 104' fill='none' stroke='rgba(248,249,250,0.16)' stroke-width='1.12'/%3E%3C/svg%3E");
  --hero-tree-image: url("../../assets/images/ai_tree_transparent_green.png");
}

:root[data-theme="light"][data-palette="desert-dusk"] {
  color-scheme: dark;
  --page-bg: #1a1215;
  --bg: #1a1215;
  --bg-strong: #25181d;
  --bg-eclipse: #382c32;
  --surface: rgba(56, 44, 50, 0.88);
  --surface-2: rgba(56, 44, 50, 0.96);
  --surface-3: rgba(255, 115, 0, 0.12);
  --border: rgba(255, 223, 211, 0.16);
  --border-bright: rgba(255, 115, 0, 0.48);
  --text: #ffdfd3;
  --muted: #efc2b0;
  --muted-soft: #cba38f;
  --accent: #ff7300;
  --accent-2: #382c32;
  --accent-3: #ffb08a;
  --accent-steel: #382c32;
  --accent-silver: #ffdfd3;
  --accent-warning: #ff7300;
  --accent-warning-soft: #ffb08a;
  --accent-success: #ffdfd3;
  --accent-purple: #ff7300;
  --shadow: 0 30px 70px rgba(14, 9, 11, 0.38);
  --palette-text-rgb: 255, 223, 211;
  --palette-muted-rgb: 239, 194, 176;
  --palette-accent-rgb: 255, 115, 0;
  --palette-accent-2-rgb: 56, 44, 50;
  --palette-accent-3-rgb: 255, 176, 138;
  --palette-shadow-rgb: 14, 9, 11;
  --palette-panel-rgb: 56, 44, 50;
  --palette-grid-rgb: 255, 115, 0;
  --palette-wave-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 196' preserveAspectRatio='none'%3E%3Cpath d='M0 126 C120 94 236 82 358 104 C498 130 592 164 724 132 C856 100 954 80 1084 102 C1226 126 1320 130 1440 96' fill='none' stroke='rgba(255,115,0,0.38)' stroke-width='1.36'/%3E%3Cpath d='M0 150 C136 122 258 112 386 130 C520 150 626 176 752 148 C880 120 982 104 1112 124 C1244 144 1344 142 1440 118' fill='none' stroke='rgba(255,223,211,0.24)' stroke-width='1.2'/%3E%3Cpath d='M0 100 C136 132 262 144 396 120 C532 96 630 72 760 98 C896 124 1000 154 1136 134 C1268 114 1354 88 1440 104' fill='none' stroke='rgba(255,176,138,0.26)' stroke-width='1.12'/%3E%3C/svg%3E");
}

:root[data-theme="light"][data-palette="midnight-lavender"] {
  color-scheme: dark;
  --page-bg: #0b0914;
  --bg: #0b0914;
  --bg-strong: #181426;
  --bg-eclipse: #2a2140;
  --surface: rgba(24, 20, 38, 0.88);
  --surface-2: rgba(24, 20, 38, 0.96);
  --surface-3: rgba(216, 180, 248, 0.12);
  --border: rgba(224, 242, 254, 0.16);
  --border-bright: rgba(216, 180, 248, 0.48);
  --text: #e0f2fe;
  --muted: #cbd5e1;
  --muted-soft: #a9b6cc;
  --accent: #d8b4f8;
  --accent-2: #181426;
  --accent-3: #e0f2fe;
  --accent-steel: #181426;
  --accent-silver: #e0f2fe;
  --accent-warning: #d8b4f8;
  --accent-warning-soft: #e0f2fe;
  --accent-success: #e0f2fe;
  --accent-purple: #d8b4f8;
  --shadow: 0 30px 70px rgba(7, 6, 14, 0.4);
  --palette-text-rgb: 224, 242, 254;
  --palette-muted-rgb: 203, 213, 225;
  --palette-accent-rgb: 216, 180, 248;
  --palette-accent-2-rgb: 24, 20, 38;
  --palette-accent-3-rgb: 224, 242, 254;
  --palette-shadow-rgb: 7, 6, 14;
  --palette-panel-rgb: 24, 20, 38;
  --palette-grid-rgb: 216, 180, 248;
  --palette-wave-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 196' preserveAspectRatio='none'%3E%3Cpath d='M0 126 C120 94 236 82 358 104 C498 130 592 164 724 132 C856 100 954 80 1084 102 C1226 126 1320 130 1440 96' fill='none' stroke='rgba(216,180,248,0.36)' stroke-width='1.36'/%3E%3Cpath d='M0 150 C136 122 258 112 386 130 C520 150 626 176 752 148 C880 120 982 104 1112 124 C1244 144 1344 142 1440 118' fill='none' stroke='rgba(224,242,254,0.2)' stroke-width='1.2'/%3E%3Cpath d='M0 100 C136 132 262 144 396 120 C532 96 630 72 760 98 C896 124 1000 154 1136 134 C1268 114 1354 88 1440 104' fill='none' stroke='rgba(224,242,254,0.14)' stroke-width='1.12'/%3E%3C/svg%3E");
  --hero-tree-image: url("../../assets/images/ai_tree_trimmed.png");
}

:root[data-theme="light"][data-palette="earthy-ai"] {
  color-scheme: light;
  --page-bg: #f7f1eb;
  --bg: #f7f1eb;
  --bg-strong: #ede4dc;
  --bg-eclipse: #8c7264;
  --surface: rgba(255, 252, 249, 0.86);
  --surface-2: rgba(246, 239, 233, 0.94);
  --surface-3: rgba(140, 114, 100, 0.16);
  --border: rgba(44, 38, 33, 0.1);
  --border-bright: rgba(140, 114, 100, 0.34);
  --text: #2c2621;
  --muted: #66584f;
  --muted-soft: #8a786c;
  --accent: #8c7264;
  --accent-2: #8c7264;
  --accent-3: #c9b6aa;
  --accent-steel: #8c7264;
  --accent-silver: #f7f1eb;
  --accent-warning: #8c7264;
  --accent-warning-soft: #c9b6aa;
  --accent-success: #6f5c51;
  --accent-purple: #8c7264;
  --shadow: 0 30px 70px rgba(68, 52, 42, 0.12);
  --palette-text-rgb: 44, 38, 33;
  --palette-muted-rgb: 102, 88, 79;
  --palette-accent-rgb: 140, 114, 100;
  --palette-accent-2-rgb: 140, 114, 100;
  --palette-accent-3-rgb: 201, 182, 170;
  --palette-shadow-rgb: 68, 52, 42;
  --palette-panel-rgb: 255, 252, 249;
  --palette-grid-rgb: 140, 114, 100;
  --palette-wave-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 196' preserveAspectRatio='none'%3E%3Cpath d='M0 126 C120 94 236 82 358 104 C498 130 592 164 724 132 C856 100 954 80 1084 102 C1226 126 1320 130 1440 96' fill='none' stroke='rgba(140,114,100,0.34)' stroke-width='1.36'/%3E%3Cpath d='M0 150 C136 122 258 112 386 130 C520 150 626 176 752 148 C880 120 982 104 1112 124 C1244 144 1344 142 1440 118' fill='none' stroke='rgba(201,182,170,0.24)' stroke-width='1.2'/%3E%3Cpath d='M0 100 C136 132 262 144 396 120 C532 96 630 72 760 98 C896 124 1000 154 1136 134 C1268 114 1354 88 1440 104' fill='none' stroke='rgba(44,38,33,0.16)' stroke-width='1.12'/%3E%3C/svg%3E");
}


/* --- Start of base.css --- */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: auto;
  overflow-x: hidden;
  scroll-padding-top: calc(var(--header-offset) + 18px);
  background: var(--page-bg);
}

body {
  margin: 0;
  overflow-x: hidden;
  min-height: 100vh;
  color: var(--text);
  font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  background: var(--page-bg);
}


body.noqoro-home-page,
body.noqoro-product-page,
body.noqoro-coming-soon-page {
  background-color: var(--page-bg);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -99;
  background-image: url("./assets/images/noise.png");
  background-repeat: repeat;
  opacity: 0.015;
  mix-blend-mode: overlay;
  pointer-events: none;
}

body.noqoro-bg-test-cyan,
body.noqoro-bg-test-cyan.noqoro-home-page {
  background: linear-gradient(135deg, var(--accent-3) 0%, var(--accent) 54%, var(--accent-2) 100%);
}

body.noqoro-bg-test-blue,
body.noqoro-bg-test-blue.noqoro-home-page {
  background: #061a33;
}

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

button,
input {
  font: inherit;
}


.noqoro-page-shell {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}

.noqoro-page-shell > main {
  position: relative;
  z-index: 1;
  padding-top: var(--header-offset);
}

.noqoro-home-page .noqoro-page-shell > main {
  padding-top: 0;
}

.noqoro-utility-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #0c101a;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.32);
}

.noqoro-utility-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, var(--max-width));
  margin: 0 auto;
  color: #111720;
  font-size: 0.82rem;
}

.noqoro-utility-left,
.noqoro-utility-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.noqoro-utility-right {
  justify-content: flex-end;
}

.noqoro-utility-nav a:hover,
.noqoro-utility-nav a:focus-visible,
.noqoro-utility-search-toggle:hover,
.noqoro-utility-search-toggle:focus-visible {
  color: #0a0f14;
}

.noqoro-utility-region-label {
  display: inline-flex;
  align-items: center;
}

.noqoro-utility-region-select {
  height: 30px;
  padding: 0 24px 0 6px;
  border: 0;
  border-radius: 0;
  color: #111720;
  background: transparent;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  outline: none;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(17, 23, 32, 0.72) 50%),
    linear-gradient(135deg, rgba(17, 23, 32, 0.72) 50%, transparent 50%);
  background-position:
    calc(100% - 12px) 13px,
    calc(100% - 7px) 13px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.noqoro-utility-search-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: #111720;
  background: transparent;
  cursor: pointer;
}

.noqoro-utility-search-toggle svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.noqoro-utility-search {
  display: flex;
  align-items: center;
  width: 0;
  overflow: visible;
}

.noqoro-utility-search.noqoro-is-open {
  width: 170px;
}

.noqoro-utility-search input {
  width: 100%;
  height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(17, 23, 32, 0.14);
  border-radius: 999px;
  color: #111720;
  background: rgba(255, 255, 255, 0.4);
  outline: none;
  font-size: 0.8rem;
}

.noqoro-utility-search input::placeholder {
  color: rgba(17, 23, 32, 0.56);
}

.noqoro-utility-attack-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px 0 16px;
  border: 1px solid rgba(125, 238, 255, 0.3);
  border-radius: 10px;
  color: #f8f9fa;
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.18), rgba(0, 229, 255, 0.08) 48%, rgba(255, 255, 255, 0.04));
  box-shadow:
    0 0 0 1px rgba(0, 229, 255, 0.16),
    0 0 18px rgba(0, 229, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  font-weight: 700;
}

.noqoro-utility-attack-button span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 7px;
  color: #f8f9fa;
  background: rgba(255, 255, 255, 0.08);
  font-size: 0.86rem;
  line-height: 1;
}

.noqoro-utility-attack-button:hover,
.noqoro-utility-attack-button:focus-visible {
  transform: translateY(-1px);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.24), rgba(0, 229, 255, 0.12) 48%, rgba(255, 255, 255, 0.06));
  box-shadow:
    0 0 0 1px rgba(0, 229, 255, 0.24),
    0 0 22px rgba(0, 229, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.noqoro-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: visible;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.noqoro-brand-undertone {
  position: absolute;
  inset: 0 0 auto;
  height: clamp(980px, 110svh, 1320px);
  pointer-events: none;
  overflow: visible;
}

.noqoro-brand-undertone-grid {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 78% 16%, rgba(0, 123, 255, 0.12), transparent 30%),
    radial-gradient(circle at 66% 26%, rgba(0, 229, 255, 0.08), transparent 26%),
    linear-gradient(90deg, transparent 46%, rgba(8, 16, 24, 0.14) 72%, rgba(7, 13, 20, 0.22) 100%),
    linear-gradient(180deg, rgba(8, 16, 24, 0.12), transparent 72%);
}


.noqoro-hero-watermark {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.13;
  pointer-events: none;
  z-index: 1;
}


.noqoro-hero-watermark-graphic {
  position: absolute;
  top: -172px;
  right: -122px;
  width: clamp(700px, 62vw, 980px);
  height: auto;
  filter: drop-shadow(0 0 18px rgba(0, 229, 255, 0.05));
}


.noqoro-brand-undertone-wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  width: 100%;
  height: 290px;
  opacity: 0.4;
  z-index: 2;
}

.noqoro-brand-undertone-wave path {
  fill: none;
  stroke: rgba(0, 229, 255, 0.36);
  stroke-width: 1.35;
}

.noqoro-section {
  width: min(calc(100% - 40px), var(--max-width));
  margin: 0 auto;
}

.noqoro-site-header {
  display: none;
}


/* --- Start of components/header.css --- */
/* Header Navigation */
.noqoro-header-inner {
  position: relative;
  z-index: 40;
  display: grid;
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr) minmax(110px, auto);
  align-items: center;
  gap: clamp(18px, 3vw, 42px);
  width: min(calc(100% - 40px), var(--max-width));
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.noqoro-header-logo {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-width: 0;
}

.noqoro-header-logo img {
  display: block;
  width: clamp(190px, 15vw, 224px);
  height: auto;
  object-fit: contain;
}

.noqoro-header-actions {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: clamp(14px, 2.5vw, 24px);
  white-space: nowrap;
}

.noqoro-mobile-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  color: #f8f9fa;
  background: rgba(4, 10, 24, 0.64);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  cursor: pointer;
}

.noqoro-mobile-menu-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.noqoro-header-demo span {
  margin-left: 6px;
}

a.noqoro-header-demo.noqoro-utility-attack-button {
  border-color: rgba(0, 229, 255, 0.58);
  color: #041018;
  background: linear-gradient(135deg, var(--accent), var(--accent-3));
  box-shadow:
    0 4px 10px rgba(0, 229, 255, 0.1),
    0 0 22px rgba(0, 229, 255, 0.24),
    0 1px 3px rgba(0, 0, 0, 0.14);
}

a.noqoro-header-demo.noqoro-utility-attack-button:hover,
a.noqoro-header-demo.noqoro-utility-attack-button:focus-visible {
  border-color: rgba(140, 251, 255, 0.82);
  background: linear-gradient(135deg, #33f7ff, #b3fdff);
  box-shadow:
    0 4px 12px rgba(0, 229, 255, 0.14),
    0 0 28px rgba(0, 229, 255, 0.32),
    0 1px 3px rgba(0, 0, 0, 0.14);
}

a.noqoro-header-demo.noqoro-utility-attack-button span,
a.noqoro-header-demo.noqoro-utility-attack-button:hover span,
a.noqoro-header-demo.noqoro-utility-attack-button:focus-visible span {
  color: #041018;
  -webkit-text-fill-color: #041018;
  background: rgba(255, 255, 255, 0.76);
}

.noqoro-site-nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: 6px;
  min-width: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 1rem;
  font-weight: 500;
}

.noqoro-site-nav > a,
.noqoro-nav-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 11px;
  border: 0;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.78);
  background: transparent;
  white-space: nowrap;
  cursor: pointer;
  font: inherit;
  touch-action: manipulation;
}

.noqoro-nav-item {
  position: static;
}

.noqoro-nav-caret {
  display: inline-flex;
  transform-origin: center;
  transition: transform 160ms ease;
  font-size: 0.72rem;
}

.noqoro-nav-dropdown {
  position: fixed;
  top: 69px;
  left: 0;
  right: 0;
  max-width: var(--max-width);
  margin: 0 auto;
  z-index: 90;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: calc(100% - 48px);
  min-height: auto;
  padding: 30px clamp(12px, 2vw, 24px);
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-top: none !important;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  background: #000000 !important;
  box-shadow: 
    -18px 0 22px -18px rgba(255, 255, 255, 0.26),
    18px 0 22px -18px rgba(255, 255, 255, 0.26),
    0 26px 34px -16px rgba(255, 255, 255, 0.18),
    0 32px 80px rgba(0, 0, 0, 0.95) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, -6px, 0);
  transition: opacity 110ms ease-out, transform 110ms ease-out;
  will-change: opacity, transform;
  contain: paint;
}

.noqoro-nav-dropdown::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  height: 14px;
}

.noqoro-nav-item.noqoro-nav-item-open .noqoro-nav-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.noqoro-nav-item.noqoro-nav-item-open .noqoro-nav-caret {
  transform: rotate(180deg);
}

.noqoro-nav-mega-column {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  padding: 0 clamp(10px, 1.2vw, 20px);
}

.noqoro-nav-mega-column:first-child {
  padding-left: 0;
}

.noqoro-nav-mega-column:last-child {
  padding-right: 0;
}

.noqoro-nav-mega-column + .noqoro-nav-mega-column {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.noqoro-nav-mega-column p,
.noqoro-nav-mega-heading {
  margin: 0 0 12px;
  color: rgba(255, 255, 255, 0.45);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0.14em;
  white-space: nowrap;
  text-transform: uppercase;
}

.noqoro-nav-mega-heading:hover,
.noqoro-nav-mega-heading:focus-visible {
  color: var(--accent);
}

.noqoro-nav-dropdown a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
  padding: 8px 10px;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.96rem;
  line-height: 1.36;
}

.noqoro-nav-dropdown a strong {
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.98rem;
  font-weight: 580;
  line-height: 1.15;
}

.noqoro-nav-dropdown a small {
  display: block;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  line-height: 1.25;
}

.noqoro-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.64);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.95rem;
}

.noqoro-nav-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.noqoro-nav-mega-column-muted a {
  display: block;
  padding: 8px 10px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.98rem;
  font-weight: 550;
  line-height: 1.45;
}

.noqoro-nav-mega-column-risks a {
  display: block !important;
  grid-template-columns: none !important;
  padding: 8px 10px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.36;
}

.noqoro-nav-mega-column-risks a:hover,
.noqoro-nav-mega-column-risks a:focus-visible {
  color: var(--accent);
  background: rgba(0, 229, 255, 0.08);
}

.noqoro-nav-dropdown a:hover,
.noqoro-nav-dropdown a:focus-visible {
  color: #ffffff;
  background: rgba(0, 229, 255, 0.08);
}

.noqoro-nav-dropdown a:hover strong,
.noqoro-nav-dropdown a:focus-visible strong {
  color: #ffffff;
}

.noqoro-nav-dropdown a:hover .noqoro-nav-icon,
.noqoro-nav-dropdown a:focus-visible .noqoro-nav-icon {
  border-color: rgba(0, 229, 255, 0.38);
  color: var(--accent);
  background: rgba(0, 229, 255, 0.08);
}

.noqoro-site-nav > a:hover,
.noqoro-site-nav > a:focus-visible,
.noqoro-nav-trigger:hover,
.noqoro-nav-trigger:focus-visible,
.noqoro-nav-item.noqoro-nav-item-open > .noqoro-nav-trigger {
  color: var(--accent);
  background: rgba(0, 229, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.14);
}

.noqoro-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-weight: 600;
}

.noqoro-button:hover,
.noqoro-button:focus-visible {
  transform: translateY(-1px);
}

.noqoro-button-primary {
  color: #041018;
  background: linear-gradient(135deg, var(--accent), var(--accent-3));
  box-shadow:
    0 4px 10px rgba(0, 229, 255, 0.1),
    0 1px 3px rgba(0, 0, 0, 0.14);
}

.noqoro-button-matte {
  color: #dffcff;
  border-color: rgba(125, 238, 255, 0.24);
  background:
    linear-gradient(135deg, rgba(6, 20, 32, 0.88), rgba(8, 28, 42, 0.8)),
    rgba(4, 14, 24, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 8px 18px rgba(0, 0, 0, 0.18);
}

.noqoro-button-matte:hover,
.noqoro-button-matte:focus-visible {
  color: #ffffff;
  border-color: rgba(125, 238, 255, 0.42);
  background:
    linear-gradient(135deg, rgba(8, 26, 40, 0.92), rgba(10, 34, 50, 0.86)),
    rgba(5, 18, 28, 0.5);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 22px rgba(0, 0, 0, 0.22);
}

.noqoro-button-hero {
  padding: 15px 24px;
  font-size: 0.96rem;
  gap: 10px;
}

.noqoro-button-ghost {
  color: #ffffff;
  border-color: rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.02);
}

.noqoro-button-ghost:hover {
  border-color: rgba(0, 229, 255, 0.26);
  background: rgba(0, 229, 255, 0.05);
}

/* Threat Card in Resources dropdown */
.noqoro-nav-threat-card {
  padding: 16px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  margin-top: 6px;
}

.noqoro-nav-threat-card strong {
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
  color: #ff6a2e;
  margin-bottom: 6px;
}

.noqoro-nav-threat-card p {
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 0 0 14px 0 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-family: var(--font-primary) !important;
  white-space: normal !important;
}

.noqoro-threat-feed-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  padding: 6px 12px !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  color: #03060a !important;
  background: #ff6a2e !important;
  transition: all 0.2s ease !important;
  grid-template-columns: none !important;
  gap: 0 !important;
}

.noqoro-threat-feed-btn:hover {
  background: #fff !important;
  color: #000 !important;
  box-shadow: 0 0 10px rgba(255, 106, 46, 0.3);
}

/* Address Card in Company dropdown */
.noqoro-nav-address-card {
  padding: 16px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  margin-top: 6px;
}

.noqoro-nav-address-card strong {
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 6px;
}

.noqoro-nav-address-card p {
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 0 0 14px 0 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-family: var(--font-primary) !important;
  white-space: normal !important;
}

.noqoro-nav-address-links {
  display: flex;
  gap: 12px;
}

.address-link-email {
  display: inline-block !important;
  padding: 0 !important;
  font-size: 0.8rem !important;
  color: var(--accent) !important;
  background: none !important;
  text-decoration: underline;
  grid-template-columns: none !important;
}

.address-link-email:hover {
  color: #fff !important;
}

/* Product dropdown specific column layout and wrapping prevention */
.noqoro-nav-product-dropdown {
  grid-template-columns: repeat(3, 1fr);
}

.noqoro-nav-product-dropdown .noqoro-nav-mega-column {
  padding: 0 clamp(12px, 1.5vw, 24px);
}

.noqoro-nav-product-dropdown a strong {
  white-space: normal;
}

.noqoro-nav-product-pricing-pill {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 28px;
  margin-top: 8px;
  padding: 0 13px !important;
  border: 1px solid rgba(0, 229, 255, 0.36);
  border-radius: 999px;
  color: var(--accent) !important;
  background: rgba(0, 229, 255, 0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 16px rgba(0, 229, 255, 0.08);
  text-align: center;
}

.noqoro-nav-product-pricing-pill strong {
  color: inherit !important;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.noqoro-nav-product-pricing-pill:hover,
.noqoro-nav-product-pricing-pill:focus-visible {
  color: #ffffff !important;
  background: rgba(0, 229, 255, 0.15) !important;
  border-color: rgba(0, 229, 255, 0.52);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 10px 18px rgba(0, 229, 255, 0.12);
}

.noqoro-section {
  --noqoro-section-pad-top: 64px;
  --noqoro-section-pad-bottom: 64px;
  padding-top: var(--noqoro-section-pad-top);
  padding-bottom: var(--noqoro-section-pad-bottom);
}

.noqoro-section-space--wave {
  --noqoro-section-pad-top: 145px;
}

.noqoro-section-space--wave-tight {
  --noqoro-section-pad-top: 154px;
}

.noqoro-section-space--wave-bottom {
  --noqoro-section-pad-bottom: 145px;
}

.noqoro-section-space--wave-bottom-tight {
  --noqoro-section-pad-bottom: 154px;
}

.noqoro-section-space--hero-followup {
  --noqoro-section-pad-top: clamp(40px, 5vw, 84px);
  --noqoro-section-pad-bottom: 145px;
}

.noqoro-section-space--compact-bottom {
  --noqoro-section-pad-bottom: 95px;
}

.noqoro-section-space--evidence-bottom {
  --noqoro-section-pad-bottom: 145px;
}

@media (max-width: 1180px) {
  :root {
    --header-offset: 118px;
  }

  .noqoro-utility-bar {
    padding: 8px 0;
  }

  .noqoro-header-inner {
    grid-template-columns: minmax(136px, 1fr) auto;
    grid-template-areas:
      "logo demo"
      "nav nav";
    row-gap: 8px;
    column-gap: 14px;
    padding: 0;
  }

  .noqoro-header-logo {
    grid-area: logo;
  }

  .noqoro-header-logo img {
    width: clamp(156px, 22vw, 196px);
  }

  .noqoro-header-demo {
    grid-area: demo;
  }

  .noqoro-site-nav {
    grid-area: nav;
    justify-self: stretch;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    gap: 4px;
    overflow: visible;
  }

  .noqoro-site-nav > a,
  .noqoro-nav-trigger {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 9px;
    font-size: 0.92rem;
  }

  .noqoro-nav-dropdown {
    top: calc(var(--header-height, var(--header-offset)) - 1px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: calc(100svh - var(--header-offset));
    min-height: 0;
    padding: 24px clamp(18px, 3vw, 30px);
    overflow-y: auto;
    overscroll-behavior: contain;
    border-color: rgba(255, 255, 255, 0.34) !important;
  }

  .noqoro-nav-mega-column {
    gap: 16px;
    padding: 0 clamp(14px, 2vw, 24px);
  }

  .noqoro-nav-mega-column-muted {
    grid-column: 1 / -1;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .noqoro-nav-mega-column + .noqoro-nav-mega-column.noqoro-nav-mega-column-muted {
    border-left: 0;
  }

  .noqoro-nav-product-dropdown {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  :root {
    --header-offset: 134px;
  }

  .noqoro-header-inner {
    grid-template-areas:
      "logo actions"
      "nav nav";
    grid-template-columns: minmax(128px, 1fr) auto;
    row-gap: 7px;
    column-gap: 12px;
    padding: 0;
  }

  .noqoro-header-logo {
    grid-area: logo;
  }

  .noqoro-header-logo img {
    width: clamp(140px, 42vw, 168px);
  }

  .noqoro-header-actions {
    grid-area: actions;
    justify-self: end;
    align-self: center;
    gap: 8px;
  }

  .noqoro-header-demo {
    height: 34px;
    padding: 0 10px 0 12px;
    font-size: 0.86rem;
  }

  .noqoro-header-demo span {
    width: 18px;
    height: 18px;
  }

  .noqoro-mobile-menu-toggle {
    display: inline-flex;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(4, 10, 24, 0.78);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 8px 18px rgba(0, 0, 0, 0.22);
  }

  .noqoro-site-nav {
    grid-area: nav;
    position: fixed;
    top: calc(var(--header-height, 64px) - 1px);
    left: 0;
    right: 0;
    z-index: 95;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 10px 12px 12px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-top: none;
    border-radius: 0 0 12px 12px;
    background: #000000;
    box-shadow:
      -14px 0 20px -16px rgba(255, 255, 255, 0.28),
      14px 0 20px -16px rgba(255, 255, 255, 0.28),
      0 22px 34px -18px rgba(255, 255, 255, 0.18),
      0 28px 60px rgba(0, 0, 0, 0.56),
      0 0 0 1px rgba(255, 255, 255, 0.06) inset;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-12px);
    max-height: calc(100svh - var(--header-height, 64px) - 12px);
    overflow-y: auto;
    overscroll-behavior: contain;
    transition: opacity 160ms ease, transform 160ms ease, visibility 0s linear 160ms;
  }

  body.noqoro-mobile-nav-open .noqoro-site-nav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity 160ms ease, transform 160ms ease, visibility 0s;
  }

  body.noqoro-mobile-nav-open {
    overflow: hidden;
  }

  .noqoro-site-nav .noqoro-nav-item {
    width: 100%;
  }

  .noqoro-site-nav > a,
  .noqoro-nav-trigger {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    justify-content: space-between;
    border-radius: 5px;
    font-size: 0.82rem;
    background: rgba(255, 255, 255, 0.02);
  }

  .noqoro-nav-caret {
    font-size: 0;
    line-height: 1;
  }

  .noqoro-nav-caret::before {
    content: "+";
    display: inline-block;
    font-size: 1.05rem;
    line-height: 1;
    transform: translateY(-1px);
  }

  .noqoro-nav-item.noqoro-nav-item-open .noqoro-nav-caret::before {
    content: "−";
  }

  .noqoro-site-nav > a:hover,
  .noqoro-site-nav > a:focus-visible,
  .noqoro-nav-trigger:hover,
  .noqoro-nav-trigger:focus-visible,
  .noqoro-nav-item.noqoro-nav-item-open > .noqoro-nav-trigger {
    border-radius: 5px;
    background: rgba(0, 229, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(0, 229, 255, 0.18);
  }

  .noqoro-nav-item.noqoro-nav-item-open > .noqoro-nav-trigger {
    border-radius: 5px 5px 0 0;
  }

  .noqoro-nav-dropdown {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 10px 12px;
    border-color: rgba(255, 255, 255, 0.22) !important;
    border-top: 0 !important;
    border-radius: 0 0 8px 8px;
    background: #000000 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    max-height: none;
    overflow: visible;
    transform: none;
  }

  .noqoro-nav-item .noqoro-nav-dropdown {
    display: none;
    margin-top: 0;
  }

  .noqoro-nav-item.noqoro-nav-item-open > .noqoro-nav-dropdown {
    display: grid;
    margin-top: 0;
  }

  .noqoro-nav-mega-column,
  .noqoro-nav-mega-column:first-child,
  .noqoro-nav-mega-column:last-child {
    gap: 8px;
    padding: 0;
  }

  .noqoro-nav-mega-column + .noqoro-nav-mega-column,
  .noqoro-nav-mega-column-muted {
    padding-top: 12px;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .noqoro-nav-mega-column p,
  .noqoro-nav-mega-heading {
    margin-bottom: 2px;
    white-space: normal;
    font-size: 0.66rem;
  }

  .noqoro-nav-dropdown a {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 8px;
    padding: 6px;
    border-radius: 9px;
    font-size: 0.84rem;
  }

  .noqoro-nav-dropdown a strong {
    font-size: 0.88rem;
  }

  .noqoro-nav-dropdown a small {
    font-size: 0.74rem;
  }

  .noqoro-nav-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
  }

  .noqoro-nav-icon svg {
    width: 19px;
    height: 19px;
  }

  .noqoro-nav-mega-column-muted a {
    padding: 6px;
    font-size: 0.84rem;
  }

  .noqoro-nav-product-dropdown {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 8px 12px;
  }

  .noqoro-nav-product-dropdown .noqoro-nav-mega-column {
    gap: 8px;
    padding: 0 2px;
  }

  .noqoro-nav-product-dropdown .noqoro-nav-mega-column p {
    margin-bottom: 2px;
    font-size: 0.58rem;
  }

  .noqoro-nav-product-dropdown a {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 7px;
    padding: 5px 3px;
    font-size: 0.7rem;
  }

  .noqoro-nav-product-dropdown a strong {
    font-size: 0.72rem;
    line-height: 1.08;
  }

  .noqoro-nav-product-dropdown a small {
    margin-top: 2px;
    font-size: 0.6rem;
    line-height: 1.08;
  }

  .noqoro-nav-product-dropdown .noqoro-nav-icon {
    width: 30px;
    height: 30px;
    border-radius: 7px;
  }

  .noqoro-nav-product-dropdown .noqoro-nav-icon svg {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 390px) {
  :root {
    --header-offset: 138px;
  }

  .noqoro-header-logo img {
    width: 132px;
  }

  .noqoro-header-demo {
    padding: 0 8px 0 10px;
    font-size: 0.8rem;
  }

  .noqoro-header-demo span {
    display: inline-flex;
    width: 18px;
    height: 18px;
  }

  .noqoro-site-nav {
    gap: 6px;
    font-size: 0.78rem;
  }

  .noqoro-site-nav > a,
  .noqoro-nav-trigger {
    min-height: 36px;
    padding: 0 9px;
  }

  .noqoro-nav-dropdown {
    margin-top: 0;
  }

  .noqoro-nav-product-dropdown {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 8px 12px;
  }

  .noqoro-nav-product-dropdown .noqoro-nav-mega-column {
    gap: 7px;
    padding: 0 1px;
  }

  .noqoro-nav-product-dropdown .noqoro-nav-mega-column p {
    margin-bottom: 1px;
    font-size: 0.54rem;
  }

  .noqoro-nav-product-dropdown a {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 6px;
    padding: 4px 2px;
    font-size: 0.66rem;
  }

  .noqoro-nav-product-dropdown a strong {
    font-size: 0.68rem;
    line-height: 1.06;
  }

  .noqoro-nav-product-dropdown a small {
    margin-top: 2px;
    font-size: 0.56rem;
    line-height: 1.06;
  }

  .noqoro-nav-product-dropdown .noqoro-nav-icon {
    width: 28px;
    height: 28px;
    border-radius: 7px;
  }

  .noqoro-nav-product-dropdown .noqoro-nav-icon svg {
    width: 15px;
    height: 15px;
  }
}


/* --- Start of components/hero.css --- */
/* ==========================================================================
   HERO SECTIONS, WATERMARKS & WAVES
   ========================================================================== */

.noqoro-hero {
  position: relative;
  min-height: clamp(860px, 96svh, 1140px);
  padding-top: 58px;
  overflow: visible;
}

.noqoro-home-page .noqoro-hero {
  padding-top: calc(var(--header-offset) + 8px);
  overflow: visible;
  background-color: var(--page-bg);
}

.noqoro-home-page .noqoro-hero::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -24px;
  width: 100vw;
  height: 168px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
  opacity: 0.9;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 196' preserveAspectRatio='none'%3E%3Cpath d='M0 136 C154 114 296 102 434 112 C580 122 680 152 788 164 C904 176 1014 166 1144 134 C1262 106 1360 92 1440 96' fill='none' stroke='rgba(0,123,255,0.12)' stroke-width='1.18'/%3E%3Cpath d='M0 116 C158 124 304 144 450 158 C596 172 696 172 796 156 C890 142 986 112 1104 92 C1226 72 1334 74 1440 90' fill='none' stroke='rgba(0, 229, 255, 0.18)' stroke-width='1.24'/%3E%3Cpath d='M0 162 C174 148 326 136 474 134 C622 132 724 140 822 154 C924 168 1030 178 1162 162 C1288 146 1380 124 1440 108' fill='none' stroke='rgba(125, 238, 255, 0.13)' stroke-width='1.14'/%3E%3C/svg%3E");
}

.noqoro-hero-layout {
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  column-gap: clamp(28px, 3.5vw, 56px);
  justify-items: start;
  align-items: stretch;
  width: 100%;
  min-height: 700px;
}

.noqoro-hero-layout-story {
  text-align: left;
  padding-top: 0;
}

.noqoro-hero-layout-story .noqoro-hero-copy {
  max-width: 600px;
  align-self: start;
}

.noqoro-hero-layout-story .noqoro-hero-actions {
  justify-content: flex-start;
}

.noqoro-hero-copy {
  position: relative;
  z-index: 3;
  max-width: 560px;
  padding-top: 0;
}

.noqoro-hero-visual {
  position: relative;
  z-index: 0;
  justify-self: stretch;
  align-self: stretch;
  width: 100%;
  min-height: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.noqoro-hero-visual::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: clamp(620px, 54vw, 840px);
  background-color: var(--page-bg);
  background-image: var(--hero-tree-image);
  background-repeat: no-repeat;
  background-position: right 8px top 6px;
  background-size: auto 84%;
  filter: none;
}

/* Watermark Background SVGs */
.noqoro-wm-ring {
  fill: none;
  stroke: rgba(0, 229, 255, 0.18);
  stroke-width: 1.3;
  stroke-linecap: round;
}

.noqoro-wm-ring-faint {
  stroke: rgba(0, 229, 255, 0.08);
}

.noqoro-wm-ring-soft {
  stroke: rgba(0, 229, 255, 0.12);
}

.noqoro-wm-ring-inner {
  stroke: rgba(0, 229, 255, 0.22);
}

.noqoro-wm-arc,
.noqoro-wm-link {
  fill: none;
  stroke: rgba(0, 229, 255, 0.16);
  stroke-width: 1.15;
  stroke-linecap: round;
}

.noqoro-wm-link {
  stroke: rgba(0, 229, 255, 0.12);
}

.noqoro-wm-core-glow {
  fill: rgba(0, 229, 255, 0.15);
  filter: blur(6px);
}

.noqoro-wm-core-dot,
.noqoro-wm-node {
  fill: rgba(133, 243, 255, 0.86);
  filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.48));
}

.noqoro-wm-node-faint {
  fill: rgba(133, 243, 255, 0.48);
}

/* Typography resets in Hero */
.noqoro-eyebrow {
  margin: 0 0 24px;
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.noqoro-hero h1,
.noqoro-section-heading h2 {
  margin: 0;
  font-size: clamp(2.6rem, 4.5vw, 4.8rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  font-weight: 600;
}

.noqoro-hero h1 {
  max-width: 18ch;
  margin-top: 26px;
  margin-bottom: 24px;
  font-size: clamp(2rem, 3.8vw, 3.5rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  font-weight: 600;
}

.noqoro-hero .noqoro-home-hero-headline {
  max-width: 100%;
}

.noqoro-home-hero-headline-primary {
  display: block;
  color: #ffffff;
  font: inherit;
}

.noqoro-headline-line {
  display: block;
  white-space: normal;
}

.noqoro-home-hero-headline-secondary {
  display: block;
  margin-top: 0.62em;
  color: #111827;
  font-size: 0.52em;
  line-height: 1.16;
  font-weight: 600;
  letter-spacing: -0.028em;
}

.noqoro-hero-headline-accent {
  display: block;
  color: var(--accent-3);
  white-space: nowrap;
}

.noqoro-headline-accent-break {
  display: block;
  color: var(--accent-3);
  margin-top: 0.16em;
}

.noqoro-headline-inline-accent {
  color: var(--accent-3);
}

.noqoro-hero-lead,
.noqoro-section-heading p,
.noqoro-panel-intro p {
  color: var(--muted);
  font-size: 0.92rem;
}

.noqoro-hero-lead {
  max-width: 58ch;
}

.noqoro-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-top: 30px;
}

.noqoro-home-hero-actions .noqoro-button-hero {
  width: 196px;
  min-height: 54px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
}

.noqoro-home-hero-actions .noqoro-button-primary {
  color: #ffffff;
  border: 1px solid rgba(125, 238, 255, 0.34);
  background: linear-gradient(135deg, rgba(7, 22, 38, 0.94), rgba(8, 32, 54, 0.94));
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.16),
    inset 0 0 0 1px rgba(125, 238, 255, 0.08),
    0 0 24px rgba(0, 229, 255, 0.08);
}

.noqoro-home-hero-actions .noqoro-button-primary:hover,
.noqoro-home-hero-actions .noqoro-button-primary:focus-visible {
  border-color: rgba(125, 238, 255, 0.58);
  background: linear-gradient(135deg, rgba(9, 30, 50, 0.96), rgba(11, 44, 72, 0.96));
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px rgba(125, 238, 255, 0.12),
    0 0 22px rgba(0, 229, 255, 0.12);
}

.noqoro-button-hero-ghost {
  color: #ffffff;
  border-color: rgba(125, 238, 255, 0.28);
  background: rgba(3, 16, 24, 0.2);
  box-shadow: inset 0 0 0 1px rgba(125, 238, 255, 0.06);
}

.noqoro-button-hero-ghost:hover,
.noqoro-button-hero-ghost:focus-visible {
  border-color: rgba(125, 238, 255, 0.56);
  background: rgba(3, 16, 24, 0.32);
  box-shadow:
    0 0 0 1px rgba(125, 238, 255, 0.12),
    0 10px 24px rgba(0, 0, 0, 0.18);
}

.noqoro-button-bright {
  color: #041018;
  border-color: rgba(0, 229, 255, 0.58);
  background: linear-gradient(135deg, var(--accent), #8cfbff);
  box-shadow:
    0 8px 22px rgba(0, 229, 255, 0.18),
    0 0 20px rgba(0, 229, 255, 0.12);
}

.noqoro-button-bright:hover,
.noqoro-button-bright:focus-visible {
  border-color: rgba(125, 238, 255, 0.82);
  background: linear-gradient(135deg, #33f7ff, #b3fdff);
}

.noqoro-hero-trustline {
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;
  margin-top: 24px;
  color: var(--muted-soft);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.noqoro-hero-trustline span {
  position: relative;
  padding-left: 16px;
  color: rgba(214, 222, 232, 0.86);
}

.noqoro-hero-trustline span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00e5ff;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.5);
}

.noqoro-hero-signal-panel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
  max-width: 92%;
}

.noqoro-hero-signal-panel {
  padding: 14px 14px 12px;
  border-top: 1px solid rgba(0, 229, 255, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, rgba(21, 30, 43, 0.26), rgba(10, 15, 20, 0.1));
}

.noqoro-hero-signal-panel strong {
  display: block;
  margin-bottom: 6px;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text);
  letter-spacing: 0.02em;
}

.noqoro-hero-signal-panel p {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.4;
}

.noqoro-section-heading {
  display: grid;
  gap: 10px;
  margin-bottom: 28px;
}

.noqoro-section-heading h2 {
  max-width: 14ch;
  font-size: clamp(2rem, 3.8vw, 3.5rem);
}

.noqoro-section-heading-wide h2 {
  max-width: 18ch;
}

.noqoro-section-heading p {
  margin: 0;
  max-width: 62ch;
}

/* Background Section Waves */
.noqoro-section-wave {
  position: relative;
  isolation: isolate;
}

.noqoro-section-wave > * {
  position: relative;
  z-index: 1;
}

.noqoro-section-wave::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -85px;
  width: 100vw;
  height: 170px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;
  opacity: 0.92;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}

.noqoro-section-wave-cyan::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath d='M0 110 C140 88 224 72 352 84 C492 97 554 144 700 140 C844 136 912 82 1042 76 C1168 70 1268 102 1440 86' fill='none' stroke='rgba(0, 229, 255, 0.22)' stroke-width='1.4'/%3E%3Cpath d='M0 124 C146 102 236 90 368 100 C510 111 594 152 734 148 C874 144 960 98 1098 94 C1232 90 1326 112 1440 100' fill='none' stroke='rgba(0, 229, 255, 0.16)' stroke-width='1.22'/%3E%3Cpath d='M0 136 C154 116 250 104 386 112 C532 120 626 166 766 162 C906 158 998 114 1134 110 C1258 106 1348 124 1440 118' fill='none' stroke='rgba(0, 229, 255, 0.12)' stroke-width='1.15'/%3E%3C/svg%3E");
}

.noqoro-section-wave-steel::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath d='M0 98 C124 114 218 130 346 124 C486 118 564 76 702 72 C846 68 938 110 1076 118 C1212 126 1310 110 1440 90' fill='none' stroke='rgba(148,163,184,0.18)' stroke-width='1.4'/%3E%3Cpath d='M0 116 C134 128 238 140 372 136 C512 132 600 92 738 88 C878 84 968 118 1106 126 C1240 134 1336 126 1440 106' fill='none' stroke='rgba(110,136,164,0.14)' stroke-width='1.2'/%3E%3Cpath d='M0 132 C132 146 234 156 374 152 C516 148 610 108 748 104 C888 100 986 136 1128 144 C1262 152 1346 142 1440 126' fill='none' stroke='rgba(0,123,255,0.12)' stroke-width='1.1'/%3E%3C/svg%3E");
}

.noqoro-section-wave-cyan-soft::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath d='M0 102 C118 84 214 74 334 86 C466 99 560 136 692 132 C824 128 916 90 1050 82 C1180 74 1292 94 1440 78' fill='none' stroke='rgba(125, 238, 255, 0.16)' stroke-width='1.25'/%3E%3Cpath d='M0 120 C136 102 240 92 372 100 C506 108 596 144 732 142 C868 140 960 110 1098 102 C1232 94 1332 104 1440 92' fill='none' stroke='rgba(125, 238, 255, 0.12)' stroke-width='1.12'/%3E%3Cpath d='M0 138 C146 118 256 110 392 118 C530 126 620 160 756 158 C894 156 988 126 1124 120 C1260 114 1354 122 1440 116' fill='none' stroke='rgba(0, 229, 255, 0.1)' stroke-width='1.05'/%3E%3C/svg%3E");
}

.noqoro-section-wave-warm::before {
  top: -85px;
  height: 170px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 196' preserveAspectRatio='none'%3E%3Cpath d='M0 136 C154 114 296 102 434 112 C580 122 680 152 788 164 C904 176 1014 166 1144 134 C1262 106 1360 92 1440 96' fill='none' stroke='rgba(0,123,255,0.12)' stroke-width='1.18'/%3E%3Cpath d='M0 116 C158 124 304 144 450 158 C596 172 696 172 796 156 C890 142 986 112 1104 92 C1226 72 1334 74 1440 90' fill='none' stroke='rgba(0, 229, 255, 0.18)' stroke-width='1.24'/%3E%3Cpath d='M0 162 C174 148 326 136 474 134 C622 132 724 140 822 154 C924 168 1030 178 1162 162 C1288 146 1380 124 1440 108' fill='none' stroke='rgba(125, 238, 255, 0.13)' stroke-width='1.14'/%3E%3C/svg%3E");
}

.noqoro-section-wave-gradient::before {
  top: -82px;
  height: 164px;
  opacity: 0.85;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 188' preserveAspectRatio='none'%3E%3Cpath d='M0 116 C132 94 238 80 362 88 C500 98 604 144 730 146 C866 148 958 104 1096 92 C1226 80 1330 90 1440 82' fill='none' stroke='rgba(0, 229, 255, 0.18)' stroke-width='1.2'/%3E%3Cpath d='M0 136 C150 142 272 154 410 150 C548 146 646 106 772 102 C900 98 992 134 1124 144 C1250 154 1348 150 1440 132' fill='none' stroke='rgba(0, 229, 255, 0.14)' stroke-width='1.14'/%3E%3Cpath d='M0 154 C162 136 286 122 424 126 C564 130 658 168 794 170 C926 172 1018 142 1154 130 C1278 120 1368 122 1440 116' fill='none' stroke='rgba(125, 238, 255, 0.12)' stroke-width='1.08'/%3E%3C/svg%3E");
}

.noqoro-platform-wave-a::before {
  top: -94px;
  height: 188px;
  opacity: 0.90;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 196' preserveAspectRatio='none'%3E%3Cpath d='M0 128 C96 88 214 74 338 104 C470 136 582 172 714 132 C838 94 930 70 1068 96 C1210 122 1308 126 1440 88' fill='none' stroke='rgba(0, 229, 255, 0.17)' stroke-width='1.18'/%3E%3Cpath d='M0 150 C118 120 238 106 354 128 C486 154 596 180 724 148 C850 116 952 94 1084 116 C1224 140 1330 138 1440 110' fill='none' stroke='rgba(125, 238, 255, 0.12)' stroke-width='1.08'/%3E%3Cpath d='M0 94 C112 132 246 152 380 126 C512 100 616 66 746 96 C882 128 978 158 1116 130 C1248 104 1340 82 1440 104' fill='none' stroke='rgba(0,123,255,0.10)' stroke-width='1.05'/%3E%3C/svg%3E");
}

.noqoro-platform-wave-b::before {
  top: -88px;
  height: 176px;
  opacity: 0.90;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 190' preserveAspectRatio='none'%3E%3Cpath d='M0 84 C130 118 218 156 352 146 C498 136 570 84 702 92 C844 100 910 154 1050 160 C1190 166 1290 122 1440 112' fill='none' stroke='rgba(148,163,184,0.15)' stroke-width='1.22'/%3E%3Cpath d='M0 116 C132 142 236 170 372 162 C514 154 604 112 730 116 C872 120 948 162 1088 168 C1220 174 1320 146 1440 132' fill='none' stroke='rgba(0, 229, 255, 0.12)' stroke-width='1.08'/%3E%3Cpath d='M0 144 C156 122 274 100 402 110 C542 120 630 164 760 156 C900 148 990 102 1130 96 C1262 90 1352 112 1440 124' fill='none' stroke='rgba(110,136,164,0.13)' stroke-width='1.02'/%3E%3C/svg%3E");
}

.noqoro-platform-wave-c::before {
  top: -100px;
  height: 200px;
  opacity: 0.95;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 210' preserveAspectRatio='none'%3E%3Cpath d='M0 154 C164 96 276 78 398 116 C528 156 612 186 744 146 C874 106 946 76 1080 102 C1224 130 1308 170 1440 126' fill='none' stroke='rgba(0, 229, 255, 0.22)' stroke-width='1.26'/%3E%3Cpath d='M0 126 C154 170 276 176 414 142 C548 110 628 82 758 116 C884 150 972 190 1114 166 C1244 144 1338 102 1440 114' fill='none' stroke='rgba(125, 238, 255, 0.16)' stroke-width='1.14'/%3E%3Cpath d='M0 174 C132 152 246 142 372 160 C510 180 612 194 752 174 C896 154 986 122 1116 130 C1242 138 1340 166 1440 148' fill='none' stroke='rgba(0,123,255,0.15)' stroke-width='1.08'/%3E%3C/svg%3E");
}

.noqoro-platform-wave-d::before {
  top: -92px;
  height: 184px;
  opacity: 0.92;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 198' preserveAspectRatio='none'%3E%3Cpath d='M0 118 C104 90 204 92 310 122 C432 156 542 164 664 128 C786 92 900 78 1018 108 C1144 140 1268 160 1440 110' fill='none' stroke='rgba(0, 229, 255, 0.14)' stroke-width='1.18'/%3E%3Cpath d='M0 146 C112 114 222 112 340 138 C462 166 566 174 690 146 C818 118 914 110 1038 132 C1162 154 1284 168 1440 140' fill='none' stroke='rgba(0,220,163,0.10)' stroke-width='1.08'/%3E%3Cpath d='M0 96 C138 128 258 140 392 118 C530 96 620 70 748 94 C880 120 982 152 1124 132 C1260 112 1350 86 1440 98' fill='none' stroke='rgba(125, 238, 255, 0.10)' stroke-width='1.02'/%3E%3C/svg%3E");
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width: 1100px) {
  .noqoro-hero-layout {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }

  .noqoro-hero-layout-story {
    min-height: auto;
  }

  .noqoro-hero-visual {
    min-height: clamp(420px, 62vw, 560px);
  }

  .noqoro-hero-visual::before {
    width: 100%;
    background-position: center top;
    background-size: contain;
  }
}

@media (max-width: 760px) {
  .noqoro-home-page .noqoro-hero {
    padding-top: var(--header-height, 64px);
  }

  .noqoro-hero {
    min-height: auto;
    padding-top: 8px;
  }

  .noqoro-home-page .noqoro-hero::before,
  .noqoro-hero::after,
  .noqoro-hero-watermark {
    display: none;
  }

  .noqoro-hero-layout {
    min-height: auto;
    row-gap: 18px;
  }

  .noqoro-hero-copy {
    max-width: 100%;
    width: 100%;
  }

  .noqoro-hero h1,
  .noqoro-home-hero-description {
    max-width: 100%;
    width: 100%;
  }

  .noqoro-hero-visual {
    justify-self: center;
    width: 100vw;
    min-height: clamp(410px, 112vw, 560px);
    margin-left: -20px;
    margin-top: 18px;
  }

  .noqoro-hero-visual::before {
    left: 50%;
    right: auto;
    width: min(112vw, 560px);
    transform: translateX(-50%);
    background-image: url("../../assets/images/ai_tree_trimmed.png");
    background-position: center top;
    background-size: min(112vw, 520px) auto;
  }

  .noqoro-hero-actions {
    margin-top: 22px;
  }

  .noqoro-hero-actions .noqoro-button {
    width: 100%;
  }
}

/* ==========================================================================
   Home Hero Enhancements for Better Visual Focus
   ========================================================================== */

.noqoro-home-hero-description {
  font-size: clamp(1.2rem, 1.5vw, 1.55rem);
  line-height: 1.62;
  color: #eae6df; /* Warm Champagne/Gold */
  max-width: 49ch;
  width: min(100%, 49ch);
  margin: 0 0 28px;
  font-weight: 500; /* Medium Weight */
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}

.noqoro-home-hero-actions {
  margin-top: 18px;
}

.noqoro-hero-layout-story .noqoro-hero-copy {
  max-width: 920px;
  padding: clamp(84px, 10vh, 132px) 0 0;
  background: transparent;
  border-radius: 0;
}

@media (max-width: 760px) {
  .noqoro-hero-layout-story .noqoro-hero-copy {
    padding: 0;
  }

  .noqoro-hero-visual {
    margin-top: 18px;
  }

  .noqoro-hero-visual::before {
    background-position: center 8px;
  }
}


/* --- Start of components/stats.css --- */
/* ==========================================================================
   STATS, OUTCOMES & CTA PANELS
   ========================================================================== */

.noqoro-hero-stats-section {
  position: relative;
  isolation: isolate;
  padding-top: 30px;
  padding-bottom: 48px;
  background: none;
  opacity: 1;
  transform: none;
}

.noqoro-hero-stats-section > * {
  position: relative;
  z-index: 1;
}

.noqoro-hero-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.noqoro-hero-stat-card {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(21, 30, 43, 0.72), rgba(10, 15, 20, 0.92));
  box-shadow: var(--shadow);
  padding: 22px;
}

.noqoro-hero-stat-card-accent {
  background:
    linear-gradient(160deg, rgba(0, 229, 255, 0.15), rgba(10, 15, 20, 0.96)),
    linear-gradient(180deg, rgba(21, 30, 43, 0.82), rgba(10, 15, 20, 0.92));
}

.noqoro-stat-kicker,
.noqoro-proof-label {
  color: var(--accent);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.noqoro-hero-stat-card strong {
  display: block;
  margin: 10px 0 8px;
  font-size: 1rem;
}

.noqoro-hero-stat-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.noqoro-outcomes-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.noqoro-outcome-value {
  font-size: clamp(1.3rem, 2vw, 1.8rem);
  color: var(--accent);
  display: block;
  margin: 10px 0 8px;
}

.noqoro-leadership-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.noqoro-leadership-points article {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(21, 30, 43, 0.72), rgba(10, 15, 20, 0.92));
  box-shadow: var(--shadow);
  padding: 22px;
}

.noqoro-leadership-points strong {
  display: block;
  margin: 10px 0 8px;
  font-size: 1rem;
}

.noqoro-leadership-points p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.noqoro-cta-panel {
  position: relative;
  overflow: visible;
  padding: 32px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(21, 30, 43, 0.72), rgba(10, 15, 20, 0.92));
  box-shadow: var(--shadow);
}

.noqoro-cta-panel h2 {
  margin: 0;
  font-size: clamp(2.6rem, 4.5vw, 4.8rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  font-weight: 600;
}

.noqoro-cta-panel p {
  color: var(--muted);
  font-size: 0.92rem;
}

.noqoro-cta-panel::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -30px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 1px solid rgba(0, 229, 255, 0.12);
  box-shadow:
    inset 0 0 0 22px rgba(0, 229, 255, 0.04),
    inset 0 0 0 72px rgba(0, 123, 255, 0.03);
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width: 1100px) {
  .noqoro-outcomes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .noqoro-hero-stats-section {
    padding-top: 14px;
    padding-bottom: 40px;
  }

  .noqoro-hero-stats-grid,
  .noqoro-outcomes-grid,
  .noqoro-leadership-points {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .noqoro-hero-stat-card,
  .noqoro-cta-panel,
  .noqoro-leadership-points article {
    padding: 20px;
  }
}


/* --- Start of components/reality-risk-legacy.css --- */
/* ==========================================================================
   LEGACY AI REALITY & RISK STAGES (ORIGINAL VERSION)
   ========================================================================== */

.noqoro-reality-journey {
  display: grid;
  gap: 0;
}

.noqoro-reality-stage {
  position: relative;
  padding: 18px 0 28px;
}

.noqoro-reality-stage + .noqoro-reality-stage {
  margin-top: -12px;
  padding-top: 54px;
}

.noqoro-reality-stage-head,
.noqoro-reality-stage-grid {
  position: relative;
  z-index: 1;
}

.noqoro-reality-stage-head {
  display: grid;
  gap: 8px;
  margin-bottom: 20px;
}

.noqoro-reality-stage-head span {
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.noqoro-reality-stage-good .noqoro-reality-stage-head span {
  color: var(--accent-success);
}

.noqoro-reality-stage-risk .noqoro-reality-stage-head span {
  color: #ff6a2e;
}

.noqoro-reality-stage-head strong {
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  font-weight: 600;
  line-height: 1.08;
}

.noqoro-reality-stage-grid-good {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
}

.noqoro-reality-stage-grid-good > .noqoro-signal-card {
  min-width: 0;
}

.noqoro-reality-stage-grid-good > .noqoro-signal-card-ring,
.noqoro-reality-stage-grid-good > .noqoro-signal-card-rise {
  padding-left: 0;
  padding-right: 0;
}

.noqoro-reality-stage-grid-risk {
  display: grid;
  grid-template-columns: 1fr 0.95fr;
  gap: 32px;
  align-items: start;
}

.noqoro-reality-hero-stat {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 26px;
  align-items: center;
}

.noqoro-reality-gauge {
  position: relative;
  width: 252px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.noqoro-reality-gauge svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  display: block;
  overflow: visible;
  background: transparent;
}

.noqoro-gauge-track,
.noqoro-gauge-fill {
  fill: none;
  stroke-width: 4;
}

.noqoro-gauge-track {
  stroke: rgba(255, 255, 255, 0.08);
}

.noqoro-gauge-fill {
  stroke: var(--accent-success);
  stroke-linecap: round;
  stroke-dasharray: 276.46;
  stroke-dashoffset: 276.46;
  filter: drop-shadow(0 0 8px rgba(0, 220, 163, 0.1));
}

.noqoro-gauge-number {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  color: var(--text);
  font-size: clamp(2.7rem, 3.8vw, 3.8rem);
  font-weight: 700;
  letter-spacing: -0.08em;
  line-height: 1;
  text-align: center;
}

.noqoro-reality-hero-copy h3 {
  margin: 0 0 10px;
  font-size: 1.05rem;
  font-weight: 600;
}

.noqoro-reality-hero-copy p,
.noqoro-risk-meter p,
.noqoro-surge-copy span,
.noqoro-compare-head span {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.45;
}

.noqoro-reality-bars,
.noqoro-reality-risk-grid {
  display: grid;
  gap: 18px;
  align-self: start;
}

.noqoro-good-signal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 40px;
  align-items: start;
}

.noqoro-signal-card-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 40px;
}

.noqoro-good-signal {
  display: grid;
  gap: 10px;
  padding: 8px 0 10px;
  min-height: 112px;
  align-content: start;
}

.noqoro-good-signal p {
  margin: 0;
  max-width: 34ch;
  color: var(--text);
  font-size: 0.88rem;
  line-height: 1.25;
}

.noqoro-good-signal-gauge {
  grid-template-columns: 220px 1fr;
  gap: 26px;
  align-items: center;
}

.noqoro-good-signal-copy h3 {
  margin: 0 0 10px;
  font-size: 1.05rem;
  font-weight: 600;
}

.noqoro-good-signal-copy p {
  color: var(--muted);
  line-height: 1.45;
}

.noqoro-good-signal small,
.noqoro-good-signal-copy small,
.noqoro-good-signal-surge .noqoro-surge-copy small {
  color: var(--muted-soft);
  font-size: 0.72rem;
  line-height: 1.3;
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.noqoro-good-signal-copy small,
.noqoro-good-signal-surge .noqoro-surge-copy small {
  display: block;
  margin-top: 8px;
}

.noqoro-good-signal-surge {
  grid-template-columns: auto 1fr;
  gap: 26px;
  align-items: center;
  align-content: center;
}

.noqoro-good-signal-surge .noqoro-surge-copy {
  gap: 8px;
}

.noqoro-good-signal-surge .noqoro-surge-copy strong {
  line-height: 1.3;
}

.noqoro-risk-meter {
  display: grid;
  gap: 10px;
}
.noqoro-risk-value,
.noqoro-surge-value,
.noqoro-compare-head strong {
  color: var(--accent-warning-soft);
  font-size: clamp(2.6rem, 3.4vw, 3.5rem);
  line-height: 0.95;
  font-weight: 700;
  letter-spacing: -0.07em;
}

.noqoro-reality-stage-good .noqoro-risk-value,
.noqoro-reality-stage-good .noqoro-surge-value {
  color: var(--accent-success);
}

.noqoro-risk-progress,
.noqoro-compare-line {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: visible;
}

.noqoro-risk-progress-fill,
.noqoro-compare-line-fill {
  display: block;
  width: var(--fill);
  height: 100%;
  border-radius: inherit;
  transform-origin: left center;
  transform: scaleX(1);
}

.noqoro-risk-progress-fill {
  background: linear-gradient(90deg, rgba(255, 104, 31, 0.74), rgba(255, 176, 32, 0.98));
}

.noqoro-reality-stage-good .noqoro-risk-progress-fill {
  background: linear-gradient(90deg, rgba(0, 163, 122, 0.72), rgba(0, 220, 163, 0.98));
}

.noqoro-surge-value {
  margin-bottom: 8px;
}

.noqoro-reality-surge {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 22px;
  align-items: end;
  min-height: 100%;
  padding-top: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.noqoro-reality-surge-wide {
  grid-column: 1 / -1;
}

.noqoro-surge-copy {
  display: grid;
  gap: 6px;
}

.noqoro-surge-copy strong {
  font-size: 0.96rem;
  font-weight: 600;
}

.noqoro-reality-compare {
  display: grid;
  gap: 16px;
  padding-top: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.noqoro-reality-risk-grid-wide {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 30px;
}

.noqoro-reality-risk-layout {
  display: block;
  position: relative;
  z-index: 1;
}

.noqoro-reality-risk-story {
  display: grid;
  gap: 26px;
}

.noqoro-compare-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}

.noqoro-compare-head span {
  max-width: 26ch;
}

.noqoro-risk-signal-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 36px 30px;
}

.noqoro-risk-signal-grid-top {
  gap: 36px 30px;
}

.noqoro-risk-signal {
  display: grid;
  gap: 10px;
  padding: 8px 0 10px;
  min-height: 112px;
  align-content: start;
}

.noqoro-risk-signal p {
  margin: 0;
  max-width: 32ch;
  color: var(--text);
  font-size: 0.88rem;
  line-height: 1.25;
  white-space: normal;
}

.noqoro-risk-signal small {
  color: var(--muted-soft);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.noqoro-risk-signal-highlight {
  align-self: stretch;
  margin-top: 10px;
}

.noqoro-signal-card {
  display: grid;
  gap: 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.noqoro-signal-card-copy {
  display: grid;
  gap: 8px;
}

.noqoro-signal-card-copy h3 {
  margin: 0;
  color: var(--text);
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.35;
}

.noqoro-signal-card-copy p {
  margin: 0;
  color: var(--muted-soft);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.noqoro-signal-kicker {
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.noqoro-signal-card-ring,
.noqoro-signal-card-pulse {
  grid-template-columns: 252px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
}

.noqoro-signal-card-rise {
  grid-template-columns: 248px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  min-height: 252px;
  overflow: visible;
}

.noqoro-signal-rise-visual {
  display: grid;
  gap: 4px;
  align-content: start;
  justify-items: start;
  min-width: 0;
}

.noqoro-growth-graph {
  width: 100%;
  max-width: 248px;
  transform: translateX(-4px);
  color: var(--accent-success);
}

.noqoro-growth-number {
  margin-left: 10px;
  color: var(--accent-success);
  font-size: clamp(3rem, 4.8vw, 4.6rem);
  font-weight: 850;
  line-height: 0.9;
  letter-spacing: -0.06em;
  text-shadow: 0 0 8px rgba(0, 220, 163, 0.28);
}

.noqoro-growth-chart {
  position: relative;
  height: 150px;
  margin-top: -2px;
}

.noqoro-growth-chart::before,
.noqoro-growth-chart::after {
  content: "";
  position: absolute;
  background: rgba(0, 220, 163, 0.14);
  border-radius: 999px;
}

.noqoro-growth-chart::before {
  left: 0;
  right: 2px;
  bottom: 8px;
  height: 2px;
}

.noqoro-growth-chart::after {
  left: 0;
  bottom: 8px;
  width: 2px;
  height: 100%;
}

.noqoro-growth-svg {
  position: absolute;
  inset: 0;
  overflow: visible;
}

.noqoro-growth-line,
.noqoro-growth-line-glow,
.noqoro-growth-arrow,
.noqoro-growth-arrow-glow {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.noqoro-growth-line-glow {
  stroke: rgba(0, 220, 163, 0.16);
  stroke-width: 12;
  stroke-dasharray: 12 16;
  animation: noqoro-growth-dash-flow 1.2s linear infinite;
}

.noqoro-growth-line {
  stroke: var(--accent-success);
  stroke-width: 5.5;
  stroke-dasharray: 12 16;
  filter: drop-shadow(0 0 4px rgba(0, 220, 163, 0.42));
  animation: noqoro-growth-dash-flow 1.2s linear infinite;
}

.noqoro-growth-arrow-glow {
  stroke: rgba(0, 220, 163, 0.18);
  stroke-width: 11;
  animation: noqoro-growth-arrow-pulse 1.6s ease-in-out infinite;
}

.noqoro-growth-arrow {
  stroke: var(--accent-success);
  stroke-width: 5.5;
  filter: drop-shadow(0 0 4px rgba(0, 220, 163, 0.48));
  animation: noqoro-growth-arrow-pulse 1.6s ease-in-out infinite;
}

@keyframes noqoro-growth-dash-flow {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -28;
  }
}

@keyframes noqoro-growth-arrow-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.34;
  }
}

.noqoro-signal-rise-value {
  color: var(--accent-success);
  font-size: clamp(2.7rem, 3.8vw, 3.8rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.08em;
  transform: translate(20px, 18px);
}

.noqoro-signal-card-rise .noqoro-signal-rise {
  width: 100%;
  height: 180px;
  opacity: 0.36;
  justify-self: start;
}

.noqoro-signal-card-rise .noqoro-signal-card-copy {
  align-self: start;
  padding: 4px 24px 0 0;
  max-width: 22ch;
}

.noqoro-signal-card-copy-rise {
  max-width: none;
  white-space: nowrap;
}

.noqoro-signal-card-copy-rise h3,
.noqoro-signal-card-copy-rise p,
.noqoro-signal-card-copy-rise .noqoro-signal-kicker {
  white-space: nowrap;
}

.noqoro-signal-card-mini {
  grid-template-columns: 102px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.noqoro-signal-card-risk {
  grid-template-columns: 148px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  padding: 0.5rem 0 0.7rem;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.noqoro-signal-card-highlight {
  grid-template-columns: 158px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 0.25rem 0;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.noqoro-signal-stat {
  color: var(--text);
  font-size: clamp(2.8rem, 4vw, 4rem);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.08em;
}

.noqoro-signal-rise {
  width: 100%;
  height: 180px;
  flex: 0 0 auto;
  overflow: visible;
}

.noqoro-signal-rise-panel {
  display: none;
}

.noqoro-signal-rise-area {
  fill: url(#noqoro-rise-fill);
  opacity: 0.7;
}

.noqoro-signal-rise-path {
  fill: none;
  stroke: url(#noqoro-rise-stroke);
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 3 3;
  filter: none;
}

.noqoro-signal-rise-dot {
  fill: #00dca3;
  filter: drop-shadow(0 0 10px rgba(0, 220, 163, 0.45));
}

.noqoro-signal-rise-halo {
  fill: none;
  stroke: rgba(0, 220, 163, 0.16);
  stroke-width: 1;
}

.noqoro-signal-mini-badge,
.noqoro-risk-badge {
  position: relative;
  display: grid;
  place-items: center;
  width: 102px;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--text);
  font-size: 1.58rem;
  font-weight: 700;
  letter-spacing: -0.07em;
  line-height: 1;
  text-align: center;
  isolation: isolate;
}

.noqoro-signal-mini-badge {
  background:
    radial-gradient(circle at 50% 50%, rgba(8, 13, 19, 0.94) 0 29%, transparent 29.4%),
    conic-gradient(from 180deg, rgba(0, 220, 163, 0.96) calc(var(--fill) * 1turn), rgba(255, 255, 255, 0.08) 0);
  box-shadow: inset 0 0 0 1px rgba(0, 220, 163, 0.18), 0 0 22px rgba(0, 220, 163, 0.08);
}

.noqoro-risk-badge {
  width: 140px;
  color: #fff;
  background:
    radial-gradient(circle at 50% 50%, rgba(8, 13, 19, 0.94) 0 30%, transparent 30.4%),
    conic-gradient(from 180deg, rgba(255, 106, 46, 0.98) calc(var(--fill) * 1turn), rgba(255, 166, 106, 0.1) 0);
  box-shadow: inset 0 0 0 1px rgba(255, 106, 46, 0.16), 0 0 14px rgba(255, 106, 46, 0.05);
}

.noqoro-risk-badge-highlight {
  width: 168px;
  font-size: 1.98rem;
}

.noqoro-signal-card-risk .noqoro-signal-card-copy h3 {
  color: #fff;
  font-size: 0.84rem;
  line-height: 1.25;
  max-width: 18ch;
}

.noqoro-signal-card-risk .noqoro-signal-card-copy p,
.noqoro-signal-card-risk .noqoro-signal-kicker {
  color: rgba(255, 139, 88, 0.92);
}

.noqoro-signal-card-success .noqoro-signal-kicker,
.noqoro-signal-card-success .noqoro-signal-card-copy p,
.noqoro-signal-card-rise .noqoro-signal-kicker,
.noqoro-signal-card-rise .noqoro-signal-card-copy p {
  color: var(--accent-success);
}

.noqoro-signal-card-success .noqoro-signal-card-copy h3,
.noqoro-signal-card-rise .noqoro-signal-card-copy h3 {
  color: #fff;
}

.noqoro-signal-card-mini.noqoro-signal-card-success .noqoro-signal-card-copy h3 {
  max-width: 28ch;
}

.noqoro-reality-stage-good .noqoro-signal-card-ring .noqoro-gauge-fill {
  stroke-dashoffset: calc(276.46 * (1 - var(--gauge-fill)));
}

.noqoro-reality-stage-good .noqoro-signal-card-ring .noqoro-gauge-fill,
.noqoro-reality-stage-good .noqoro-signal-mini-badge {
  filter: drop-shadow(0 0 14px rgba(0, 220, 163, 0.2));
}

.noqoro-reality-stage-risk .noqoro-risk-badge,
.noqoro-reality-stage-risk .noqoro-risk-badge-highlight {
  filter: drop-shadow(0 0 10px rgba(255, 106, 46, 0.14));
}

.noqoro-reality-stage-good .noqoro-reality-gauge::before {
  display: none;
}

.noqoro-gauge-number sup,
.noqoro-risk-value sup,
.noqoro-surge-value sup,
.noqoro-reality-hero-copy h3 sup,
.noqoro-surge-copy strong sup {
  display: inline-block;
  font-size: 0.34em;
  color: inherit;
  font-weight: 500;
  line-height: 1;
  transform: translateY(-0.72em);
  margin-left: 0.04em;
}

.noqoro-subtle-footnote {
  margin-top: 12px;
  color: rgba(167, 178, 191, 0.74);
  font-size: 0.72rem;
  line-height: 1.5;
  font-style: italic;
}

.noqoro-good-footnote {
  max-width: 100%;
  margin-top: 26px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
}

.noqoro-reality-break {
  position: relative;
  margin: 34px 0 8px;
  height: 148px;
  opacity: 0.62;
  overflow: visible;
}

.noqoro-reality-break svg {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
}

.noqoro-reality-break path {
  fill: none;
  stroke: rgba(0, 229, 255, 0.16);
  stroke-width: 1.1;
}

.noqoro-reality-break path:nth-child(2) {
  stroke: rgba(0, 123, 255, 0.14);
}

.noqoro-reality-break path:nth-child(3) {
  stroke: rgba(125, 238, 255, 0.14);
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width: 1100px) {
  .noqoro-reality-stage-grid-good,
  .noqoro-reality-stage-grid-risk,
  .noqoro-reality-hero-stat {
    grid-template-columns: 1fr;
  }

  .noqoro-risk-signal-grid,
  .noqoro-reality-risk-grid-wide,
  .noqoro-reality-stage-grid-good,
  .noqoro-good-signal-grid,
  .noqoro-signal-card-row {
    grid-template-columns: 1fr;
  }

  .noqoro-risk-signal-highlight {
    padding-left: 0;
    border-left: 0;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
}

@media (max-width: 760px) {
  .noqoro-reality-surge,
  .noqoro-reality-hero-stat {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .noqoro-compare-head {
    flex-direction: column;
    align-items: start;
  }

  .noqoro-reality-stage + .noqoro-reality-stage {
    margin-top: 0;
    padding-top: 42px;
  }

  .noqoro-compare-row {
    grid-template-columns: 44px 1fr auto;
  }
}


/* --- Start of components/reality-risk.css --- */
/* ==========================================================================
   AI Reality v2 — safe section-only replacement for noqoro-site2
   - No page-level background changes.
   - No body/html changes.
   - Preserves existing site gradient and page shell.
   ========================================================================== */

.noqoro-ai-reality-v2 {
  position: relative;
  isolation: isolate;
}

.noqoro-ai-reality-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: 
    linear-gradient(rgba(0, 229, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 229, 255, 0.035) 1px, transparent 1px);
  background-size: 40px 40px;
  background-position: center top;
  opacity: 0.82;
  mask-image: radial-gradient(circle at center, black 20%, transparent 84%);
  -webkit-mask-image: radial-gradient(circle at center, black 20%, transparent 84%);
}

.noqoro-ai-reality-v2::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
}

.noqoro-ai-reality-v2-heading h2 {
  max-width: 980px;
}

.noqoro-ai-reality-v2-shell {
  display: grid;
  gap: clamp(60px, 8vw, 120px);
  position: relative;
  z-index: 1;
  margin-top: clamp(12px, 1.6vw, 28px);
}

/* Row-based Grid Layout */
.noqoro-ai-reality-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(40px, 6vw, 90px);
  align-items: center;
}

/* Split Column Layout Sides */
.noqoro-ai-reality-text-side {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.noqoro-ai-reality-text-side span {
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.noqoro-ai-reality-row-good .noqoro-ai-reality-text-side span {
  color: var(--accent-success);
}

.noqoro-ai-reality-row-risk .noqoro-ai-reality-text-side span {
  color: #ff6a2e;
}

.noqoro-ai-reality-text-side h3 {
  margin: 0;
  color: var(--text);
  font-size: clamp(1.8rem, 3.2vw, 2.9rem);
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-weight: 700;
}

.noqoro-ai-reality-text-side p {
  margin: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.6;
}

.noqoro-ai-reality-visual-side {
  position: relative;
  width: 100%;
}

/* Good News Side: Large Circular Gauges */
.noqoro-ai-gauges-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 40px);
  justify-items: center;
}

.noqoro-ai-gauge-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}

.noqoro-ai-gauge-circle-wrap {
  position: relative;
  width: clamp(130px, 14vw, 172px);
  height: clamp(130px, 14vw, 172px);
  margin-bottom: 20px;
}

.noqoro-ai-gauge-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  overflow: visible;
}

.noqoro-ai-gauge-bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.05);
  stroke-width: 12;
}

.noqoro-ai-gauge-fill {
  fill: none;
  stroke-width: 12;
  stroke-linecap: round;
  stroke-dasharray: 534;
  stroke-dashoffset: 534;
  transition: stroke-dashoffset 1.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.noqoro-ai-gauge-fill-green {
  stroke: var(--accent-success);
  filter: drop-shadow(0 0 8px rgba(0, 220, 163, 0.45));
}

.noqoro-ai-gauge-fill--offset-64 {
  --gauge-offset: 64;
}

.noqoro-ai-gauge-fill--offset-0 {
  --gauge-offset: 0;
}

.noqoro-ai-gauge-fill-cyan {
  stroke: #00e5ff;
  filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.45));
}

.noqoro-ai-reality-v2.is-visible .noqoro-ai-gauge-fill {
  stroke-dashoffset: var(--gauge-offset);
}

.noqoro-ai-gauge-val {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: clamp(1.9rem, 2.6vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
}

.noqoro-ai-gauge-info h4 {
  margin: 0 0 6px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text);
  line-height: 1.3;
}

.noqoro-ai-gauge-info p {
  margin: 0;
  font-size: 0.72rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Bad News Side: Horizontal Stream Bars */
.noqoro-ai-stream-group {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: 100%;
}

.noqoro-ai-stream-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.noqoro-ai-stream-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.noqoro-ai-stream-name {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
}

.noqoro-ai-stream-meta {
  font-size: 0.7rem;
  color: var(--muted);
}

.noqoro-ai-stream-track-row {
  display: flex;
  align-items: center;
  gap: 20px;
}

.noqoro-ai-stream-bar-wrap {
  flex: 1;
  height: 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
  position: relative;
  overflow: visible;
}

.noqoro-ai-stream-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  border-radius: 999px;
  transition: width 1.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.noqoro-ai-stream-bar--width-53 {
  --target-width: 53%;
}

.noqoro-ai-stream-bar--width-47 {
  --target-width: 47%;
}

.noqoro-ai-stream-bar--width-32 {
  --target-width: 32%;
}

.noqoro-ai-stream-bar--width-13 {
  --target-width: 13%;
}

.noqoro-ai-reality-v2.is-visible .noqoro-ai-stream-bar {
  width: var(--target-width);
}

.noqoro-ai-stream-bar-fill {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: var(--stream-gradient);
}

.noqoro-ai-stream-bar-glow {
  position: absolute;
  inset: -1px;
  border-radius: 999px;
  filter: blur(8px);
  background: var(--stream-gradient);
  opacity: 0.44;
}

.noqoro-ai-stream-bar-particle {
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 8px #ffffff, 0 0 16px var(--stream-glow-color);
  animation: noqoroAiPulseParticle 1.4s infinite ease-in-out;
}

.noqoro-ai-stream-percentage {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  width: 64px;
  text-align: right;
  flex-shrink: 0;
  font-family: inherit;
}

/* Threat Stream Colors configuration */
.noqoro-ai-risk-stream-critical {
  --stream-gradient: linear-gradient(90deg, #d32f2f, #ff5722);
  --stream-glow-color: #ff5722;
}
.noqoro-ai-risk-stream-critical .noqoro-ai-stream-percentage {
  color: #ff5252;
}

.noqoro-ai-risk-stream-severe {
  --stream-gradient: linear-gradient(90deg, #e65100, #ff9100);
  --stream-glow-color: #ff9100;
}
.noqoro-ai-risk-stream-severe .noqoro-ai-stream-percentage {
  color: #ff9100;
}

.noqoro-ai-risk-stream-high {
  --stream-gradient: linear-gradient(90deg, #f57c00, #ffc107);
  --stream-glow-color: #ffc107;
}
.noqoro-ai-risk-stream-high .noqoro-ai-stream-percentage {
  color: #ffc107;
}

.noqoro-ai-risk-stream-medium {
  --stream-gradient: linear-gradient(90deg, #fbc02d, #ffeb3b);
  --stream-glow-color: #ffeb3b;
}
.noqoro-ai-risk-stream-medium .noqoro-ai-stream-percentage {
  color: #ffeb3b;
}

@keyframes noqoroAiPulseParticle {
  0%, 100% {
    transform: translateY(-50%) scale(0.95);
    opacity: 0.88;
  }
  50% {
    transform: translateY(-50%) scale(1.15);
    opacity: 1;
  }
}

/* Responsiveness overrides */
@media (max-width: 900px) {
  .noqoro-ai-reality-row {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  
  .noqoro-ai-reality-row-risk .noqoro-ai-reality-text-side {
    order: -1;
  }
  
  .noqoro-ai-gauges-wrap {
    gap: 20px;
  }
  
  .noqoro-ai-stream-percentage {
    font-size: 1.5rem;
    width: 54px;
  }
  
  .noqoro-ai-stream-label {
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .noqoro-ai-gauges-wrap {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}


/* --- Start of components/governance.css --- */
/* ==========================================================================
   GLOBAL GOVERNANCE & COMPLIANCE GRIDS
   ========================================================================== */

.noqoro-governance-heading-accent {
  white-space: nowrap;
}

.noqoro-governance-grid {
  display: flex;
  gap: 20px;
  align-items: stretch;
  overflow: visible;
  padding: 16px 6px 20px;
  width: 100%;
  justify-content: center;
  scrollbar-width: none;
}

.noqoro-governance-grid::-webkit-scrollbar {
  display: none;
}

.noqoro-governance-entry {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-content: stretch;
  gap: 10px;
  flex: 1 1 0%;
  min-width: 0;
  min-height: 260px;
  padding: 20px 20px 22px;
  border: 1px solid rgba(53, 196, 255, 0.14);
  border-radius: 10px;
  background:
    radial-gradient(circle at 78% 18%, var(--gov-bright, rgba(0, 229, 255, 0.18)), transparent 34%),
    linear-gradient(135deg, var(--gov-dark, rgba(15, 22, 33, 0.98)) 0%, var(--gov-mid, rgba(26, 34, 46, 0.96)) 48%, var(--gov-bright-surface, rgba(58, 80, 100, 0.92)) 100%);
  overflow: visible;
  transition: 
    flex-grow 260ms ease,
    transform 260ms ease,
    border-color 260ms ease,
    background 260ms ease,
    opacity 220ms ease;
}

.noqoro-governance-entry > * {
  position: relative;
  z-index: 1;
}

.noqoro-governance-entry-link {
  color: inherit;
  text-decoration: none;
  will-change: transform, flex-grow;
}

.noqoro-governance-entry-link:hover,
.noqoro-governance-entry-link:focus-visible {
  border-color: rgba(0, 229, 255, 0.22);
  background:
    radial-gradient(circle at 78% 18%, var(--gov-bright-hover, rgba(0, 229, 255, 0.28)), transparent 36%),
    linear-gradient(135deg, var(--gov-dark, rgba(15, 22, 33, 0.98)) 0%, var(--gov-mid-hover, rgba(35, 44, 58, 0.97)) 52%, var(--gov-bright-surface-hover, rgba(74, 107, 133, 0.96)) 100%);
  transform: translateY(-4px);
  opacity: 1;
}

.noqoro-governance-grid:hover .noqoro-governance-entry {
  opacity: 0.48;
  filter: saturate(0.72) brightness(0.82);
}

.noqoro-governance-grid:hover .noqoro-governance-entry:hover,
.noqoro-governance-grid:hover .noqoro-governance-entry:focus-visible,
.noqoro-governance-grid:focus-within .noqoro-governance-entry:focus-visible {
  opacity: 1;
  filter: saturate(1.06) brightness(1.04);
}

.noqoro-governance-entry::after {
  content: "";
  position: absolute;
  inset: -4%;
  background-image: var(--flag-bg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
}

.noqoro-governance-india {
  --gov-dark: rgba(24, 18, 14, 0.98);
  --gov-mid: rgba(46, 34, 24, 0.95);
  --gov-bright-surface: rgba(116, 78, 42, 0.92);
  --gov-bright: rgba(255, 153, 51, 0.12);
  --gov-mid-hover: rgba(56, 39, 24, 0.96);
  --gov-bright-surface-hover: rgba(136, 90, 44, 0.94);
  --gov-bright-hover: rgba(255, 153, 51, 0.18);
}

.noqoro-governance-eu {
  --gov-dark: rgba(9, 20, 48, 0.98);
  --gov-mid: rgba(17, 39, 82, 0.95);
  --gov-bright-surface: rgba(44, 79, 133, 0.92);
  --gov-bright: rgba(255, 204, 0, 0.1);
  --gov-mid-hover: rgba(19, 45, 92, 0.96);
  --gov-bright-surface-hover: rgba(52, 91, 148, 0.94);
  --gov-bright-hover: rgba(255, 204, 0, 0.16);
}

.noqoro-governance-us {
  --gov-dark: rgba(18, 22, 41, 0.98);
  --gov-mid: rgba(49, 34, 47, 0.95);
  --gov-bright-surface: rgba(112, 55, 71, 0.92);
  --gov-bright: rgba(202, 214, 255, 0.1);
  --gov-mid-hover: rgba(57, 38, 54, 0.96);
  --gov-bright-surface-hover: rgba(126, 60, 79, 0.94);
  --gov-bright-hover: rgba(202, 214, 255, 0.16);
}

.noqoro-governance-china {
  --gov-dark: rgba(40, 12, 12, 0.98);
  --gov-mid: rgba(76, 18, 18, 0.95);
  --gov-bright-surface: rgba(126, 42, 42, 0.92);
  --gov-bright: rgba(255, 222, 0, 0.11);
  --gov-mid-hover: rgba(88, 20, 20, 0.96);
  --gov-bright-surface-hover: rgba(142, 48, 48, 0.94);
  --gov-bright-hover: rgba(255, 222, 0, 0.17);
}

.noqoro-governance-korea {
  --gov-dark: rgba(20, 22, 28, 0.98);
  --gov-mid: rgba(38, 46, 62, 0.95);
  --gov-bright-surface: rgba(77, 90, 116, 0.92);
  --gov-bright: rgba(0, 123, 255, 0.09);
  --gov-mid-hover: rgba(45, 55, 74, 0.96);
  --gov-bright-surface-hover: rgba(88, 102, 132, 0.94);
  --gov-bright-hover: rgba(0, 123, 255, 0.14);
}

.noqoro-governance-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: start;
  min-height: 52px;
  color: var(--muted-soft);
}

.noqoro-governance-country {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text);
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
}

.noqoro-governance-flag-icon {
  font-size: 1rem;
  line-height: 1;
  filter: saturate(1.05);
}

.noqoro-governance-meta small {
  font-size: 0.66rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.noqoro-governance-entry h3 {
  margin: 0;
  max-width: 20ch;
  font-size: 0.92rem;
  line-height: 1.32;
  font-weight: 500;
  align-self: end;
}

.noqoro-governance-note {
  margin-top: 22px;
  max-width: 76ch;
}

.noqoro-proof-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.noqoro-proof-strip article {
  border: 1px solid rgba(0, 229, 255, 0.16);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(0, 229, 255, 0.08), rgba(0, 123, 255, 0.06)),
    linear-gradient(180deg, rgba(15, 22, 33, 0.94), rgba(10, 15, 20, 0.98));
  padding: 22px;
}

.noqoro-proof-strip strong {
  display: block;
  margin-top: 10px;
  font-size: 1.04rem;
  line-height: 1.35;
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width: 1100px) {
  .noqoro-governance-grid {
    gap: 14px;
  }
  .noqoro-proof-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .noqoro-governance-meta,
  .noqoro-proof-strip {
    display: grid;
    gap: 12px;
  }

  .noqoro-governance-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    overflow: visible;
    padding: 0;
  }

  .noqoro-governance-entry,
  .noqoro-governance-grid:has(.noqoro-governance-entry:hover) .noqoro-governance-entry,
  .noqoro-governance-grid:has(.noqoro-governance-entry:focus-visible) .noqoro-governance-entry,
  .noqoro-governance-grid:has(.noqoro-governance-entry:hover) .noqoro-governance-entry:hover,
  .noqoro-governance-grid:has(.noqoro-governance-entry:focus-visible) .noqoro-governance-entry:focus-visible {
    min-width: 0;
    min-height: 196px;
    transform: none;
    flex: initial;
  }

  .noqoro-proof-strip article {
    padding: 20px;
  }
}


/* --- Start of components/incidents.css --- */
/* ==========================================================================
   INCIDENT CAROUSEL & RESEARCH CARDS
   ========================================================================== */

.noqoro-incident-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.noqoro-incident-header .noqoro-section-heading {
  margin-bottom: 0;
}

.noqoro-incident-header .noqoro-section-heading h2 {
  max-width: 22ch;
}

.noqoro-incident-header .noqoro-headline-accent-break {
  white-space: nowrap;
}

.noqoro-incident-nav {
  display: inline-flex;
  gap: 10px;
  flex: 0 0 auto;
}

.noqoro-incident-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--text);
  background: rgba(21, 30, 43, 0.88);
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
}

.noqoro-incident-arrow:hover,
.noqoro-incident-arrow:focus-visible {
  border-color: var(--border-bright);
  background: rgba(0, 229, 255, 0.08);
  transform: translateY(-1px);
}

.noqoro-incident-viewport {
  position: relative;
}

.noqoro-incident-rail {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.noqoro-incident-rail::-webkit-scrollbar {
  display: none;
}

.noqoro-incident-card {
  position: relative;
  flex: 0 0 340px;
  min-height: 302px;
  padding: 0;
  --incident-card-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: var(--incident-card-radius);
  background: rgba(255, 255, 255, 0.02);
  overflow: hidden;
  clip-path: inset(0 round var(--incident-card-radius));
  scroll-snap-align: start;
}

.noqoro-incident-card-link {
  position: relative;
  display: grid;
  grid-template-rows: 148px auto;
  text-decoration: none;
  color: inherit;
  z-index: 0;
  border-radius: var(--incident-card-radius);
  overflow: hidden;
  clip-path: inset(0 round var(--incident-card-radius));
}

.noqoro-incident-card-link::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--incident-card-radius);
  clip-path: inset(0 round var(--incident-card-radius));
  background:
    linear-gradient(180deg, rgba(9, 12, 18, 0.06) 0%, rgba(9, 12, 18, 0.22) 34%, rgba(9, 12, 18, 0.72) 76%, rgba(9, 12, 18, 0.96) 100%),
    var(--incident-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: var(--incident-position, center center);
  pointer-events: none;
  z-index: 0;
}

.noqoro-incident-card-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--incident-card-radius);
  clip-path: inset(0 round var(--incident-card-radius));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 22%),
    linear-gradient(0deg, rgba(10, 15, 20, 0.82), rgba(10, 15, 20, 0.1) 42%, transparent 74%);
  pointer-events: none;
  z-index: 0;
}

.noqoro-incident-card-link > * {
  position: relative;
  z-index: 1;
}

.noqoro-incident-thumb {
  position: relative;
  background: transparent;
  overflow: visible;
}

/* Incident Thumbnail Image Mappings */

.noqoro-thumb-banking {
  --incident-image: url("../../assets/images/incidents/banking.jpg");
  --incident-position: center 28%;
}

.noqoro-thumb-electronics {
  --incident-image: url("../../assets/images/incidents/electronics.jpg");
  --incident-position: center 50%;
}

.noqoro-thumb-travel {
  --incident-image: url("../../assets/images/incidents/travel.jpg");
  --incident-position: center 58%;
}

.noqoro-thumb-public {
  --incident-image: url("../../assets/images/incidents/public.jpg");
  --incident-position: center 24%;
}

.noqoro-thumb-hiring {
  --incident-image: url("../../assets/images/incidents/hiring.jpg");
  --incident-position: center 48%;
}

.noqoro-thumb-saas {
  --incident-image: url("../../assets/images/incidents/saas.jpg");
  --incident-position: center 42%;
}

.noqoro-thumb-infra {
  --incident-image: url("../../assets/images/incidents/infra.jpg");
  --incident-position: center 50%;
}

.noqoro-thumb-health {
  --incident-image: url("../../assets/images/incidents/health.jpg");
  --incident-position: center 44%;
}

.noqoro-thumb-legal {
  --incident-image: url("../../assets/images/incidents/legal.jpg");
  --incident-position: center 24%;
}

.noqoro-incident-card > .noqoro-incident-meta,
.noqoro-incident-card > h3,
.noqoro-incident-card > p {
  margin-left: 20px;
  margin-right: 20px;
}

.noqoro-incident-card > .noqoro-incident-meta {
  margin-top: 18px;
}

.noqoro-incident-meta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.noqoro-incident-meta span,
.noqoro-incident-meta small {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.noqoro-incident-meta span {
  color: var(--accent);
}

.noqoro-incident-meta small {
  position: absolute;
  top: -152px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(10, 15, 20, 0.56);
  backdrop-filter: blur(10px);
  letter-spacing: 0.08em;
  z-index: 2;
}

.noqoro-incident-card h3 {
  margin: 0 20px 12px;
  font-size: 0.97rem;
  line-height: 1.28;
}

.noqoro-incident-card p {
  margin: 0 20px 20px;
  color: var(--muted);
  font-size: 0.83rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: visible;
}

.noqoro-incident-card:hover,
.noqoro-incident-card:focus-within {
  border-color: rgba(0, 229, 255, 0.64);
  outline: 0;
  box-shadow:
    inset 0 0 0 2px rgba(0, 229, 255, 0.58),
    0 0 0 1px rgba(125, 238, 255, 0.18);
  clip-path: inset(0 round var(--incident-card-radius));
}

.noqoro-research-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.noqoro-research-card-grid .noqoro-incident-card {
  flex: initial;
  min-width: 0;
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width: 1100px) {
  .noqoro-incident-header {
    align-items: start;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .noqoro-incident-card {
    flex-basis: 86vw;
    min-height: 240px;
  }
}


/* --- Start of components/why-noqoro.css --- */
/* Why Noqoro section */
.noqoro-why-section {
  position: relative;
}



.noqoro-why-cycle {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: clamp(24px, 3.4vw, 38px);
  padding: 14px 16px;
  border: 1px solid rgba(0, 229, 255, 0.14);
  border-radius: 999px;
  background: rgba(5, 15, 24, 0.42);
}

.noqoro-why-cycle span,
.noqoro-why-cycle i {
  position: relative;
  z-index: 1;
}

.noqoro-why-cycle span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(0, 229, 255, 0.18);
  border-radius: 999px;
  background: rgba(4, 13, 22, 0.92);
  color: var(--text);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.noqoro-why-cycle i {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 18px;
  color: var(--accent);
  font-style: normal;
  font-size: 0.9rem;
  line-height: 1;
}

.noqoro-why-cycle i {
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.32);
}

.noqoro-why-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(12px, 1.4vw, 18px);
  margin-top: clamp(24px, 3vw, 36px);
  align-items: stretch;
}

.noqoro-why-card {
  --why-accent: var(--accent-success);
  --why-accent-soft: rgba(0, 220, 163, 0.10);
  --why-accent-line: rgba(0, 220, 163, 0.50);
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 360px;
  padding: clamp(20px, 2.2vw, 26px);
  border: 1px solid color-mix(in srgb, var(--why-accent) 28%, rgba(255, 255, 255, 0.12));
  border-radius: 24px;
  background:
    radial-gradient(circle at 20% 0%, var(--why-accent-soft), transparent 38%),
    linear-gradient(180deg, rgba(30, 41, 59, 0.45), rgba(15, 23, 42, 0.65));
  backdrop-filter: blur(8px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 18px 42px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  transition: transform 180ms ease, border-color 180ms ease;
}

.noqoro-why-card-discover {
  --why-accent: var(--accent);
  --why-accent-soft: rgba(0, 229, 255, 0.105);
  --why-accent-line: rgba(0, 229, 255, 0.56);
}

.noqoro-why-card-recon {
  --why-accent: var(--accent-3);
  --why-accent-soft: rgba(125, 238, 255, 0.10);
  --why-accent-line: rgba(125, 238, 255, 0.52);
}

.noqoro-why-card-validate {
  --why-accent: #ff9f43;
  --why-accent-soft: rgba(255, 159, 67, 0.10);
  --why-accent-line: rgba(255, 159, 67, 0.58);
}

.noqoro-why-card-defend {
  --why-accent: var(--accent);
  --why-accent-soft: rgba(0, 229, 255, 0.11);
  --why-accent-line: rgba(0, 229, 255, 0.58);
}

.noqoro-why-card-prove {
  --why-accent: #b9c8ff;
  --why-accent-soft: rgba(185, 200, 255, 0.10);
  --why-accent-line: rgba(185, 200, 255, 0.52);
}

.noqoro-why-card:hover,
.noqoro-why-card:focus-within {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--why-accent) 52%, rgba(255, 255, 255, 0.18));
}

.noqoro-why-card::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 0;
  height: 2px;
  opacity: 0.62;
  background: linear-gradient(90deg, var(--why-accent-line), rgba(0, 229, 255, 0.12), transparent);
  pointer-events: none;
}

.noqoro-why-card:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -11px;
  z-index: 3;
  width: 18px;
  height: 1px;
  background: linear-gradient(90deg, var(--why-accent-line), rgba(125, 238, 255, 0.24));
  pointer-events: none;
}

.noqoro-why-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 18px;
  border: 1px solid color-mix(in srgb, var(--why-accent) 42%, rgba(255, 255, 255, 0.10));
  border-radius: 15px;
  background: rgba(5, 15, 24, 0.78);
  box-shadow: inset 0 0 22px color-mix(in srgb, var(--why-accent) 14%, transparent);
}

.noqoro-why-icon::before,
.noqoro-why-icon::after,
.noqoro-why-icon span {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
}

.noqoro-why-icon-discover::before {
  width: 26px;
  height: 26px;
  border: 1px solid var(--why-accent);
  border-radius: 999px;
  opacity: 0.62;
}

.noqoro-why-icon-discover::after {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--why-accent);
  box-shadow: 10px -7px 0 color-mix(in srgb, var(--why-accent) 64%, transparent), -8px 8px 0 color-mix(in srgb, var(--why-accent) 42%, transparent);
}

.noqoro-why-icon-discover span {
  width: 30px;
  height: 1px;
  background: color-mix(in srgb, var(--why-accent) 45%, transparent);
  transform: rotate(-28deg);
}

.noqoro-why-icon-recon::before {
  width: 25px;
  height: 25px;
  border: 1px solid var(--why-accent);
  border-radius: 6px;
  opacity: 0.58;
}

.noqoro-why-icon-recon::after {
  width: 28px;
  height: 1px;
  background: var(--why-accent);
  box-shadow: 0 8px 0 color-mix(in srgb, var(--why-accent) 45%, transparent), 0 -8px 0 color-mix(in srgb, var(--why-accent) 28%, transparent);
  transform: rotate(-28deg);
}

.noqoro-why-icon-recon span {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--why-accent);
  box-shadow: 11px 7px 0 color-mix(in srgb, var(--why-accent) 42%, transparent), -10px -6px 0 color-mix(in srgb, var(--why-accent) 34%, transparent);
}

.noqoro-why-icon-validate::before {
  width: 26px;
  height: 18px;
  border: 1px solid color-mix(in srgb, var(--why-accent) 68%, rgba(255, 255, 255, 0.12));
  border-radius: 6px;
}

.noqoro-why-icon-validate::after {
  width: 13px;
  height: 7px;
  border-left: 2px solid var(--why-accent);
  border-bottom: 2px solid var(--why-accent);
  transform: rotate(-45deg) translate(2px, 1px);
}

.noqoro-why-icon-validate span {
  width: 20px;
  height: 1px;
  background: color-mix(in srgb, var(--why-accent) 34%, transparent);
  box-shadow: 0 7px 0 color-mix(in srgb, var(--why-accent) 22%, transparent);
  transform: translateY(-9px);
}

.noqoro-why-icon-defend::before {
  width: 24px;
  height: 28px;
  border: 1px solid var(--why-accent);
  border-radius: 14px 14px 10px 10px;
  clip-path: polygon(50% 0, 92% 18%, 82% 80%, 50% 100%, 18% 80%, 8% 18%);
  opacity: 0.68;
}

.noqoro-why-icon-defend::after {
  width: 12px;
  height: 6px;
  border-left: 2px solid var(--why-accent);
  border-bottom: 2px solid var(--why-accent);
  transform: rotate(-45deg) translate(1px, 1px);
}

.noqoro-why-icon-defend span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--why-accent) 14%, transparent);
}

.noqoro-why-icon-comply::before {
  width: 22px;
  height: 28px;
  border: 1px solid color-mix(in srgb, var(--why-accent) 62%, rgba(255, 255, 255, 0.10));
  border-radius: 5px;
}

.noqoro-why-icon-comply::after {
  width: 14px;
  height: 1px;
  background: var(--why-accent);
  box-shadow: 0 6px 0 color-mix(in srgb, var(--why-accent) 44%, transparent), 0 12px 0 color-mix(in srgb, var(--why-accent) 28%, transparent);
}

.noqoro-why-icon-comply span {
  width: 8px;
  height: 8px;
  border-top: 1px solid color-mix(in srgb, var(--why-accent) 52%, rgba(255, 255, 255, 0.10));
  border-right: 1px solid color-mix(in srgb, var(--why-accent) 52%, rgba(255, 255, 255, 0.10));
  transform: translate(7px, -10px);
}

.noqoro-why-card h3 {
  margin: 0;
  color: var(--text);
  font-size: clamp(1.02rem, 1.26vw, 1.24rem);
  line-height: 1.16;
  letter-spacing: -0.035em;
  font-weight: 600;
}


.noqoro-why-flow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 20px 0 0;
  padding-top: 2px;
}

.noqoro-why-flow-step {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--why-accent) 26%, rgba(255, 255, 255, 0.10));
  border-radius: 999px;
  background: rgba(5, 15, 24, 0.82);
  color: rgba(223, 252, 255, 0.92);
  font-size: 0.7rem;
  font-weight: 650;
  white-space: nowrap;
}

.noqoro-why-flow-step::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 999px;
  background: var(--why-accent);
  box-shadow: 0 0 10px color-mix(in srgb, var(--why-accent) 32%, transparent);
}

.noqoro-why-flow-arrow {
  color: color-mix(in srgb, var(--why-accent) 78%, rgba(255, 255, 255, 0.22));
  font-style: normal;
  font-size: 0.82rem;
  line-height: 1;
}

.noqoro-why-detail {
  margin: auto 0 0;
  padding-top: 20px;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.52;
}

@media (max-width: 1180px) {
  .noqoro-why-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .noqoro-why-card:not(:last-child)::before {
    display: none;
  }
}

@media (max-width: 860px) {
  .noqoro-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .noqoro-why-grid {
    grid-template-columns: 1fr;
  }

  .noqoro-why-card {
    min-height: auto;
    border-radius: 22px;
  }



  .noqoro-why-cycle {
    border-radius: 22px;
    justify-content: flex-start;
  }

  .noqoro-why-flow {
    align-items: flex-start;
  }

  .noqoro-why-flow-step {
    white-space: normal;
  }
}

/* Why Noqoro card refinements */
.noqoro-why-card-discover {
  --why-accent: #00e5ff;
  --why-accent-soft: rgba(0, 229, 255, 0.12);
  --why-accent-line: rgba(0, 229, 255, 0.62);
}

.noqoro-why-card-recon {
  --why-accent: #4ea8ff;
  --why-accent-soft: rgba(78, 168, 255, 0.12);
  --why-accent-line: rgba(78, 168, 255, 0.60);
}

.noqoro-why-card-validate {
  --why-accent: #ff8a3d;
  --why-accent-soft: rgba(255, 138, 61, 0.12);
  --why-accent-line: rgba(255, 138, 61, 0.62);
}

.noqoro-why-card-defend {
  --why-accent: var(--accent);
  --why-accent-soft: rgba(0, 229, 255, 0.13);
  --why-accent-line: rgba(0, 229, 255, 0.64);
}

.noqoro-why-card-prove {
  --why-accent: #b8c7ff;
  --why-accent-soft: rgba(184, 199, 255, 0.12);
  --why-accent-line: rgba(184, 199, 255, 0.60);
}

.noqoro-why-icon {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--why-accent) 20%, transparent), transparent 48%),
    rgba(5, 15, 24, 0.84);
  box-shadow:
    inset 0 0 24px color-mix(in srgb, var(--why-accent) 16%, transparent),
    0 0 22px color-mix(in srgb, var(--why-accent) 10%, transparent);
}

.noqoro-why-icon-recon::before {
  width: 22px;
  height: 22px;
  border: 2px solid var(--why-accent);
  border-radius: 999px;
  transform: translate(-3px, -3px);
  opacity: 0.82;
}

.noqoro-why-icon-recon::after {
  width: 14px;
  height: 2px;
  border-radius: 999px;
  background: var(--why-accent);
  box-shadow: none;
  transform: translate(10px, 10px) rotate(45deg);
}

.noqoro-why-icon-recon span {
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--why-accent);
  box-shadow:
    9px 3px 0 color-mix(in srgb, var(--why-accent) 52%, transparent),
    -7px 8px 0 color-mix(in srgb, var(--why-accent) 38%, transparent);
}

.noqoro-why-flow {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  margin-top: 18px;
}

.noqoro-why-flow-step {
  width: 100%;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 14px;
  text-align: center;
}

.noqoro-why-flow-arrow {
  display: inline-flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  height: 22px;
  margin: 2px 0;
  font-size: 0.92rem;
}

.noqoro-why-detail {
  line-height: 1.42;
}

.noqoro-why-card h3 {
  min-height: 2.32em;
}

.noqoro-why-flow {
  min-height: 146px;
}

.noqoro-why-card-prove .noqoro-why-flow,
.noqoro-why-card-validate .noqoro-why-flow,
.noqoro-why-card-discover .noqoro-why-flow,
.noqoro-why-card-recon .noqoro-why-flow {
  padding-top: 28px;
}

.noqoro-why-card-defend .noqoro-why-flow {
  padding-top: 0;
}

.noqoro-why-detail {
  min-height: 4.4em;
}

.noqoro-why-icon-discover::before {
  width: 28px;
  height: 28px;
  border: 2px solid var(--why-accent);
  box-shadow: inset 0 0 0 7px color-mix(in srgb, var(--why-accent) 10%, transparent);
}

.noqoro-why-icon-discover::after {
  width: 6px;
  height: 6px;
  box-shadow:
    11px -7px 0 color-mix(in srgb, var(--why-accent) 58%, transparent),
    -9px 9px 0 color-mix(in srgb, var(--why-accent) 42%, transparent);
}

.noqoro-why-icon-discover span {
  width: 34px;
  height: 1px;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--why-accent) 12%, transparent);
}

.noqoro-why-icon-validate::before {
  width: 28px;
  height: 20px;
  border-width: 2px;
}

.noqoro-why-icon-validate::after {
  width: 14px;
  height: 8px;
}

.noqoro-why-icon-defend::before {
  width: 26px;
  height: 30px;
  border-width: 2px;
}

.noqoro-loop-console-card {
  background: rgba(16, 16, 18, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: clamp(24px, 4vw, 48px);
  margin-top: clamp(28px, 4vw, 44px);
  box-shadow: 
    0 32px 64px rgba(0, 0, 0, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.noqoro-loop-steps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin-top: 0;
  margin-bottom: clamp(24px, 3.5vw, 40px);
}

.noqoro-loop-step-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #1e1e21, #121214);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  padding: 16px 20px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  flex: 1;
  min-width: 0;
  text-align: center;
  color: inherit;
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.noqoro-loop-step-btn[data-loop-step="discover"] {
  background: linear-gradient(180deg, #22242a, #16181d);
}

.noqoro-loop-step-btn[data-loop-step="recon"] {
  background: linear-gradient(180deg, #23262d, #171a20);
}

.noqoro-loop-step-btn[data-loop-step="validate"] {
  background: linear-gradient(180deg, #261f22, #181418);
}

.noqoro-loop-step-btn[data-loop-step="defend"] {
  background: linear-gradient(180deg, #1f2623, #141918);
}

.noqoro-loop-step-btn[data-loop-step="comply"] {
  background: linear-gradient(180deg, #20252e, #151922);
}

.noqoro-loop-step-num {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--muted);
  opacity: 0.6;
  margin-bottom: 4px;
}

.noqoro-loop-step-name {
  font-size: 0.94rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
}

.noqoro-loop-step-indicator {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 2px;
  background: #00e5ff;
  transition: width 0.25s ease;
  border-radius: 99px;
  box-shadow: 0 0 8px var(--accent);
}

.noqoro-loop-step-btn:hover {
  background: linear-gradient(180deg, #2a2a2e, #1a1a1c);
  border-color: rgba(0, 229, 255, 0.38);
  transform: translateY(-2px);
}

.noqoro-loop-step-btn:hover .noqoro-loop-step-name {
  color: #ffffff;
}

.noqoro-loop-step-btn.active {
  background: linear-gradient(180deg, #2e2e33, #1c1c1f);
  border-color: #00e5ff;
  box-shadow: 
    0 8px 24px rgba(0, 229, 255, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.noqoro-loop-step-btn.active .noqoro-loop-step-num {
  color: var(--accent);
  opacity: 1;
}

.noqoro-loop-step-btn.active .noqoro-loop-step-name {
  color: #ffffff;
}

.noqoro-loop-step-btn.active .noqoro-loop-step-indicator {
  width: 60%;
}

.noqoro-loop-step-arrow {
  color: rgba(0, 229, 255, 0.45);
  font-size: 1.6rem;
  font-weight: 700;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.3);
}


/* --- Start of components/cta.css --- */
/* ==========================================================================
   FINAL CALL TO ACTION & DYNAMIC MOCKUP DASHBOARD
   ========================================================================== */

.noqoro-why-noqoro-strip {
  margin-bottom: 28px;
}

.noqoro-why-noqoro-cta {
  max-width: 56rem;
  padding: 0;
}

.noqoro-why-noqoro-cta .noqoro-panel-kicker {
  color: var(--accent-silver);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.noqoro-why-noqoro-cta h3 {
  max-width: min(100%, 19ch);
  margin: 0.5rem 0 0.8rem;
  font-size: clamp(1.9rem, 3.5vw, 3.35rem);
  line-height: 1.02;
  font-weight: 600;
  color: var(--text);
}

.noqoro-why-noqoro-cta h3 .noqoro-headline-accent-break {
  white-space: nowrap;
}

.noqoro-why-noqoro-cta p {
  max-width: 44rem;
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
}

.noqoro-why-noqoro-cta .noqoro-hero-actions {
  margin-top: 1.4rem;
  justify-content: flex-start;
}

.noqoro-why-noqoro-actions {
  align-items: center;
}

.noqoro-why-noqoro-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
}

.noqoro-final-cta-card {
  position: relative;
  padding: clamp(28px, 4vw, 44px);
  border: 1px solid rgba(0, 220, 163, 0.18);
  border-radius: 24px;
  background-color: #000412;
  background-image: url("../../assets/backgrounds/cta_bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.32),
    0 0 36px rgba(0, 220, 163, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  overflow: hidden;
}

.noqoro-home-page .noqoro-final-cta-card,
.noqoro-product-page .noqoro-final-cta-card {
  display: grid;
  place-items: center;
  min-height: 240px;
  border-color: rgba(0, 229, 255, 0.24);
  background-color: #000412;
  background-image: none;
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.28),
    0 0 36px rgba(0, 229, 255, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.noqoro-final-cta-bg-handshake {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("../../assets/images/handshake.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  opacity: 1;
  transform: none;
}

.noqoro-home-page .noqoro-final-cta-card .noqoro-why-noqoro-cta,
.noqoro-product-page .noqoro-final-cta-card .noqoro-why-noqoro-cta {
  width: min(100%, 760px);
  max-width: 760px;
  text-align: center;
  justify-self: center;
  display: grid;
  justify-items: center;
  gap: 14px;
}

.noqoro-home-page .noqoro-final-cta-card .noqoro-why-noqoro-cta h3,
.noqoro-product-page .noqoro-final-cta-card .noqoro-why-noqoro-cta h3 {
  max-width: 24ch;
  margin-left: auto;
  margin-right: auto;
}

.noqoro-home-page .noqoro-final-cta-card .noqoro-why-noqoro-cta .noqoro-hero-actions,
.noqoro-product-page .noqoro-final-cta-card .noqoro-why-noqoro-cta .noqoro-hero-actions {
  justify-content: center;
}

.noqoro-home-page .noqoro-final-cta-card .noqoro-why-noqoro-visual,
.noqoro-product-page .noqoro-final-cta-card .noqoro-why-noqoro-visual {
  display: block;
  width: min(100%, 32rem);
  justify-self: end;
}

.noqoro-final-cta-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  pointer-events: none;
}

.noqoro-final-cta-card > * {
  position: relative;
  z-index: 1;
}

.noqoro-why-noqoro-actions .noqoro-button {
  gap: 10px;
}

.noqoro-final-cta-card .noqoro-button-bright {
  color: #dbffe9;
  border-color: rgba(39, 174, 96, 0.34);
  background:
    linear-gradient(135deg, rgba(18, 60, 38, 0.7), rgba(11, 44, 28, 0.52)),
    rgba(16, 49, 31, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 10px 24px rgba(8, 34, 20, 0.22),
    0 0 20px rgba(39, 174, 96, 0.12);
  backdrop-filter: blur(14px) saturate(145%);
  -webkit-backdrop-filter: blur(14px) saturate(145%);
}

.noqoro-final-cta-card .noqoro-button-bright:hover,
.noqoro-final-cta-card .noqoro-button-bright:focus-visible {
  color: #f3fff7;
  border-color: rgba(111, 231, 151, 0.56);
  background:
    linear-gradient(135deg, rgba(28, 83, 52, 0.78), rgba(14, 56, 34, 0.58)),
    rgba(18, 60, 38, 0.3);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 12px 28px rgba(8, 34, 20, 0.26),
    0 0 24px rgba(39, 174, 96, 0.18);
}

.noqoro-why-noqoro-visual {
  width: min(100%, 30.6rem);
  aspect-ratio: 1.44 / 1;
  display: block;
  overflow: visible;
}

.noqoro-why-noqoro-ipad {
  width: min(100%, 34rem);
  transform: rotate(-90deg) scale(0.36, 0.82);
  transform-origin: center center;
}

.noqoro-why-noqoro-ipad-screen {
  padding: 0;
  min-height: 0;
}

.noqoro-why-noqoro-ipad-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: transparent;
}

.noqoro-why-noqoro-ipad-header {
  margin: 0.8rem 0.8rem 0;
  border-bottom: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.68);
}

.noqoro-dashboard-topbar-brand {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.noqoro-dashboard-topbar-brand img {
  display: block;
  width: 88px;
  height: auto;
}

.noqoro-dashboard-topbar-dots {
  display: flex;
  align-items: center;
  gap: 0.32rem;
  margin-left: 0.15rem;
}

.noqoro-dashboard-topbar-dots span {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: rgba(53, 196, 255, 0.38);
}

.noqoro-agent-map-shell {
  display: grid;
  gap: 0.85rem;
  padding: 0 1rem 1rem;
}

.noqoro-agent-map-body {
  display: grid;
  grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
  gap: 0.95rem;
  align-items: stretch;
}

.noqoro-agent-map-side {
  display: grid;
  gap: 0.72rem;
  align-content: start;
}

.noqoro-agent-map-side-card {
  display: grid;
  gap: 0.32rem;
  padding: 0.9rem 0.95rem;
  border-radius: 1rem;
  border: 1px solid rgba(183, 191, 204, 0.26);
  background: rgba(53, 196, 255, 0.05);
}

.noqoro-agent-map-side-highlight {
  border-color: rgba(53, 196, 255, 0.24);
  background: rgba(53, 196, 255, 0.1);
}

.noqoro-agent-map-side-card span {
  color: rgba(210, 252, 163, 0.68);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.noqoro-agent-map-side-card strong {
  color: #ffffff;
  font-size: 1.58rem;
  line-height: 1;
}

.noqoro-agent-map-side-card p {
  margin: 0;
  color: rgba(210, 252, 163, 0.68);
  font-size: 0.82rem;
  line-height: 1.45;
}

.noqoro-why-noqoro-dashboard {
  min-height: 0;
  background:
    radial-gradient(circle at top right, rgba(53, 196, 255, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(10, 18, 30, 0.98), rgba(6, 12, 20, 0.99));
}

.noqoro-why-noqoro-dashboard .noqoro-screen-topbar {
  padding: 0.72rem 0.95rem;
  border-bottom-color: rgba(53, 196, 255, 0.14);
  color: rgba(255, 255, 255, 0.68);
}

.noqoro-dashboard-topbar strong {
  margin-left: 0.42rem;
  font-size: 0.76rem;
}

.noqoro-dashboard-topbar-actions {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-left: auto;
}

.noqoro-dashboard-topbar-actions span {
  padding: 0.42rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(53, 196, 255, 0.14);
  color: rgba(210, 252, 163, 0.82);
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(53, 196, 255, 0.05);
}

.noqoro-dashboard-body {
  min-height: 0;
}

.noqoro-why-noqoro-dashboard .noqoro-screen-body {
  grid-template-columns: 18% 82%;
}

.noqoro-dashboard-sidebar {
  gap: 0.36rem;
  padding: 0.78rem 0.72rem;
  background: linear-gradient(180deg, rgba(8, 16, 28, 0.98), rgba(7, 12, 20, 0.94));
}

.noqoro-dashboard-sidebar span {
  padding: 0.56rem 0.64rem;
  border-radius: 0.8rem;
  font-size: 0.72rem;
}

.noqoro-dashboard-main {
  gap: 0.68rem;
  padding: 0.8rem;
}

.noqoro-dashboard-tabs {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0 0.16rem;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.noqoro-dashboard-tabs span {
  color: rgba(255, 255, 255, 0.48);
}

.noqoro-dashboard-tabs .noqoro-is-active {
  color: #ffffff;
}

.noqoro-dashboard-kpis {
  grid-template-columns: 1fr 1.05fr 1fr;
  gap: 0.56rem;
}

.noqoro-dashboard-kpi {
  display: grid;
  gap: 0.42rem;
  min-height: 6.45rem;
  padding: 0.78rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(12, 24, 38, 0.98), rgba(7, 14, 24, 0.96));
  border: 1px solid rgba(53, 196, 255, 0.08);
}

.noqoro-dashboard-kpi-total {
  background:
    radial-gradient(circle at top left, rgba(53, 196, 255, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(12, 24, 38, 0.98), rgba(7, 14, 24, 0.96));
}

.noqoro-dashboard-kpi-donut {
  background:
    radial-gradient(circle at center right, rgba(255, 112, 76, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(12, 24, 38, 0.98), rgba(7, 14, 24, 0.96));
}

.noqoro-dashboard-kpi-bars {
  background:
    radial-gradient(circle at top right, rgba(143, 123, 255, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(12, 24, 38, 0.98), rgba(7, 14, 24, 0.96));
}

.noqoro-dashboard-kpi span {
  color: rgba(210, 252, 163, 0.58);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.noqoro-dashboard-kpi-total strong {
  color: #ffffff;
  font-size: clamp(1.95rem, 2.6vw, 2.55rem);
  line-height: 0.95;
  letter-spacing: -0.08em;
}

.noqoro-dashboard-kpi-total small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.72rem;
}

.noqoro-dashboard-donut-wrap {
  display: grid;
  grid-template-columns: 116px 1fr;
  gap: 0.72rem;
  align-items: center;
}

.noqoro-dashboard-donut {
  width: 98px;
  height: 98px;
  transform: rotate(-90deg);
}

.noqoro-dashboard-donut-track,
.noqoro-dashboard-donut-fill {
  fill: none;
  stroke-width: 8;
}

.noqoro-dashboard-donut-track {
  stroke: rgba(53, 196, 255, 0.12);
}

.noqoro-dashboard-donut-fill {
  stroke: #ff704c;
  stroke-linecap: round;
  stroke-dasharray: 251.2;
  stroke-dashoffset: 118.0;
}

.noqoro-dashboard-donut-label {
  display: grid;
  gap: 0.08rem;
}

.noqoro-dashboard-donut-label strong {
  color: #ffffff;
  font-size: 1.45rem;
  line-height: 1;
  letter-spacing: -0.06em;
}

.noqoro-dashboard-donut-label span,
.noqoro-dashboard-donut-side span,
.noqoro-dashboard-donut-side strong {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.noqoro-dashboard-donut-side {
  display: grid;
  gap: 0.55rem;
  justify-self: end;
}

.noqoro-dashboard-donut-side div {
  display: grid;
  justify-items: end;
  gap: 0.06rem;
}

.noqoro-dashboard-donut-side strong {
  color: #ffffff;
  font-size: 1.02rem;
  letter-spacing: 0;
}

.noqoro-dashboard-bars {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  gap: 0.45rem;
  flex: 1;
  padding-top: 0.12rem;
}

.noqoro-dashboard-bars span {
  display: block;
  height: calc(var(--bar) * 46px);
  border-radius: 0.5rem 0.5rem 0.18rem 0.18rem;
  background: linear-gradient(180deg, rgba(53, 196, 255, 0.96), rgba(53, 196, 255, 0.32));
}

.noqoro-dashboard-bars .is-mid {
  background: linear-gradient(180deg, rgba(255, 188, 73, 0.96), rgba(255, 188, 73, 0.32));
}

.noqoro-dashboard-bars .is-low {
  background: linear-gradient(180deg, rgba(53, 196, 255, 0.96), rgba(53, 196, 255, 0.32));
}

.noqoro-dashboard-bars .is-info {
  background: linear-gradient(180deg, rgba(143, 123, 255, 0.96), rgba(143, 123, 255, 0.34));
}

.noqoro-dashboard-bars-labels {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.45rem;
  color: rgba(255, 255, 255, 0.54);
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.noqoro-dashboard-findings-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0;
  color: rgba(255, 255, 255, 0.66);
}

.noqoro-dashboard-findings-head span {
  display: block;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.noqoro-dashboard-findings-head strong {
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 600;
}

.noqoro-dashboard-findings-tools {
  display: flex;
  align-items: center;
  gap: 0.42rem;
}

.noqoro-dashboard-findings-tools span {
  padding: 0.4rem 0.68rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(53, 196, 255, 0.05);
  color: rgba(210, 252, 163, 0.68);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.noqoro-dashboard-findings-list {
  display: grid;
  gap: 0.48rem;
}

.noqoro-dashboard-findings-list div {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 28px;
  gap: 0.7rem;
  align-items: start;
  padding: 0.58rem 0.72rem;
  border-radius: 0.78rem;
  background: linear-gradient(180deg, rgba(12, 22, 34, 0.98), rgba(8, 14, 24, 0.96));
  border-left: 3px solid rgba(255, 255, 255, 0.08);
}

.noqoro-dashboard-findings-list div.is-high {
  border-left-color: #ff704c;
}

.noqoro-dashboard-findings-list div.is-mid {
  border-left-color: #ffbc49;
}

.noqoro-dashboard-findings-list div.is-low {
  border-left-color: #35c4ff;
}

.noqoro-dashboard-findings-list span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 1.4rem;
  padding: 0 0.42rem;
  border-radius: 999px;
  color: #ffffff;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(53, 196, 255, 0.14);
}

.noqoro-dashboard-findings-list div.is-high span {
  background: rgba(255, 112, 76, 0.16);
}

.noqoro-dashboard-findings-list div.is-mid span {
  background: rgba(255, 188, 73, 0.16);
}

.noqoro-dashboard-findings-list div.is-low span {
  background: rgba(53, 196, 255, 0.16);
}

.noqoro-dashboard-findings-list strong {
  display: block;
  color: #ffffff;
  font-size: 0.76rem;
  line-height: 1.32;
}

.noqoro-dashboard-findings-list em {
  display: block;
  margin-top: 0.18rem;
  color: rgba(255, 255, 255, 0.58);
  font-style: normal;
  font-size: 0.72rem;
  line-height: 1.45;
}

.noqoro-dashboard-findings-list small {
  justify-self: end;
  color: rgba(255, 255, 255, 0.44);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
}

.noqoro-agent-map-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.74rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.noqoro-agent-map-topline strong {
  color: #ffffff;
  font-weight: 600;
}

.noqoro-agent-map {
  width: 100%;
  display: block;
  min-height: 18rem;
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at center, rgba(53, 196, 255, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(14, 20, 30, 0.96), rgba(8, 13, 19, 0.99));
}

.noqoro-agent-map-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.noqoro-agent-map-summary article {
  padding: 0.9rem 0.95rem;
  border-radius: 1rem;
  background: rgba(53, 196, 255, 0.05);
}

.noqoro-agent-map-summary-highlight {
  background: rgba(53, 196, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(53, 196, 255, 0.18);
}

.noqoro-agent-map-summary strong {
  display: block;
  margin-bottom: 0.24rem;
  color: #ffffff;
  font-size: 1.32rem;
  line-height: 1;
}

.noqoro-agent-map-summary span {
  color: rgba(255, 255, 255, 0.64);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.noqoro-button-top {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  min-width: 46px;
  height: 46px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(0, 229, 255, 0.18);
  background: rgba(15, 22, 33, 0.78);
  color: var(--accent);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}

.noqoro-button-top:hover,
.noqoro-button-top:focus-visible {
  border-color: rgba(0, 229, 255, 0.32);
  background: rgba(0, 229, 255, 0.08);
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width: 1100px) {
  .noqoro-why-noqoro-layout {
    grid-template-columns: 1fr;
  }

  .noqoro-agent-map-body {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .noqoro-why-noqoro-cta h3 {
    font-size: clamp(1.55rem, 8vw, 1.9rem);
  }
}


/* --- Start of components/explore.css --- */
/* ==========================================================================
   EXPLORE TABS, DETAIL LAYOUTS & ACCORDIONS
   ========================================================================== */

.noqoro-explore-tabs {
  display: inline-flex;
  max-width: 100%;
  gap: 6px;
  padding: 6px;
  margin-bottom: 22px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(15, 22, 33, 0.82);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.noqoro-explore-tabs::-webkit-scrollbar {
  display: none;
}

.noqoro-explore-tab {
  flex: 0 0 auto;
  padding: 11px 18px;
  border: 0;
  border-radius: 999px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font-size: 0.88rem;
  white-space: nowrap;
  touch-action: manipulation;
  transition: all 0.2s ease;
}

.noqoro-explore-tab.noqoro-is-active {
  color: #041018;
  background: linear-gradient(135deg, var(--accent), var(--accent-3));
}

.noqoro-explore-panel {
  display: none;
  padding: 24px;
}

.noqoro-explore-panel.noqoro-is-active {
  display: block;
}

.noqoro-panel-intro {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: start;
  margin-bottom: 24px;
}

.noqoro-panel-intro h3 {
  margin: 0;
  font-size: clamp(1.5rem, 2.2vw, 2.1rem);
  line-height: 1.05;
  font-weight: 600;
}

.noqoro-panel-intro p {
  max-width: 48ch;
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
}

.noqoro-platform-proof-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 18px;
}

.noqoro-why-platform-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 18px;
}

.noqoro-platform-story-grid {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 18px;
  align-items: stretch;
}

.noqoro-platform-surface-grid {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 18px;
  align-items: stretch;
}

.noqoro-why-platform-side {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.noqoro-preview-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 20px;
  align-items: center;
}

.noqoro-preview-radar {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 auto;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(0, 229, 255, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(0, 123, 255, 0.05), transparent);
}

.noqoro-preview-radar-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(0, 229, 255, 0.22);
}

.noqoro-preview-radar .noqoro-r1 {
  inset: 8%;
}

.noqoro-preview-radar .noqoro-r2 {
  inset: 24%;
}

.noqoro-preview-radar .noqoro-r3 {
  inset: 40%;
}

.noqoro-preview-radar-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: #00e5ff;
  box-shadow: 0 0 18px rgba(0, 229, 255, 0.7);
}

.noqoro-preview-copy strong {
  display: block;
  margin-bottom: 8px;
  font-size: 1rem;
}

.noqoro-preview-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.noqoro-platform-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.noqoro-accordion-list {
  display: grid;
  gap: 14px;
}

.noqoro-capability-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.noqoro-services-layout {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: 18px;
}

.noqoro-service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.noqoro-service-research {
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(21, 30, 43, 0.72), rgba(10, 15, 20, 0.92));
  box-shadow: var(--shadow);
}

.noqoro-service-research-intro h4 {
  max-width: 24ch;
  margin: 8px 0 0;
  font-size: 1.08rem;
  line-height: 1.28;
}

.noqoro-service-research-links {
  display: grid;
  gap: 12px;
}

.noqoro-service-research-links a {
  display: block;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px solid rgba(53, 196, 255, 0.14);
  background: rgba(255, 255, 255, 0.02);
  text-decoration: none;
  color: var(--muted);
  font-size: 0.88rem;
  transition: all 0.2s ease;
}

.noqoro-service-research-links a:hover,
.noqoro-service-research-links a:focus-visible {
  border-color: rgba(0, 229, 255, 0.2);
  color: var(--text);
}

.noqoro-accordion-item {
  padding: 18px 20px;
  background: rgba(53, 196, 255, 0.05);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
}

.noqoro-accordion-trigger {
  width: 100%;
  padding: 0;
  text-align: left;
  color: var(--text);
  font-size: 0.92rem;
  background: none;
  border: 0;
  cursor: pointer;
}

.noqoro-accordion-trigger:hover,
.noqoro-accordion-trigger:focus-visible {
  color: var(--accent);
}

.noqoro-expandable {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 250ms ease-out, margin-top 250ms ease-out;
}

.noqoro-expandable-inner {
  overflow: hidden;
}

.noqoro-expandable.noqoro-is-open {
  grid-template-rows: 1fr;
  margin-top: 14px;
}

.noqoro-accordion-item h4 {
  margin: 0 0 8px;
  font-size: 0.9rem;
  color: var(--accent);
}

.noqoro-accordion-item p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
}

/* ==========================================================================
   PLATFORM TAB PANEL CUSTOM STYLES (UNSTYLED ELEMENTS)
   ========================================================================== */

.noqoro-solution-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 16px;
}

.noqoro-solution-card {
  padding: 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(16, 24, 38, 0.82), rgba(7, 12, 22, 0.94));
  box-shadow: var(--shadow);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease;
}

.noqoro-solution-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 229, 255, 0.3);
  box-shadow:
    0 8px 32px rgba(0, 229, 255, 0.08),
    0 12px 40px rgba(0, 0, 0, 0.3);
}

.noqoro-solution-card h4 {
  margin: 10px 0 8px;
  font-size: 1.12rem;
  font-weight: 600;
  color: var(--text);
}

.noqoro-solution-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

/* connected operational loop */
.noqoro-loop-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 22px 30px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: rgba(12, 19, 30, 0.82);
}

.noqoro-loop-strip span {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border: 1px solid rgba(0, 229, 255, 0.12);
  border-radius: 999px;
  background: rgba(7, 15, 23, 0.6);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text);
  text-align: center;
  transition: all 0.25s ease;
}

.noqoro-loop-strip span:hover {
  background: rgba(0, 229, 255, 0.12);
  border-color: #00e5ff;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.2);
  color: var(--accent);
}

.noqoro-loop-strip span:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -16px;
  color: rgba(210, 252, 163, 0.35);
  font-size: 1.1rem;
}

/* services layout */
.noqoro-service-slim-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 16px;
}

.noqoro-service-slim-grid article {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: rgba(16, 24, 38, 0.82);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
}

.noqoro-service-slim-grid article:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 229, 255, 0.2);
}

.noqoro-service-slim-grid article strong {
  display: block;
  margin-bottom: 6px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.noqoro-service-slim-grid article span {
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width: 1100px) {
  .noqoro-platform-proof-grid,
  .noqoro-panel-intro,
  .noqoro-preview-layout,
  .noqoro-why-platform-grid,
  .noqoro-services-layout,
  .noqoro-platform-story-grid,
  .noqoro-platform-surface-grid {
    grid-template-columns: 1fr;
  }

  .noqoro-platform-mini-grid,
  .noqoro-capability-grid,
  .noqoro-service-grid,
  .noqoro-why-platform-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .noqoro-solution-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .noqoro-why-platform-side,
  .noqoro-capability-grid,
  .noqoro-service-grid {
    display: grid;
    gap: 12px;
  }

  .noqoro-explore-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    border-radius: 18px;
    overflow: visible;
  }

  .noqoro-explore-tab {
    min-width: 0;
    padding-inline: 12px;
  }

  .noqoro-explore-panel,
  .noqoro-service-research,
  .noqoro-accordion-item {
    padding: 20px;
  }

  .noqoro-solution-grid,
  .noqoro-service-slim-grid {
    grid-template-columns: 1fr;
  }

  .noqoro-loop-strip {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  .noqoro-loop-strip span:not(:last-child)::after {
    content: "↓";
    position: absolute;
    bottom: -18px;
    right: 50%;
    transform: translateX(50%);
  }
}

@media (max-width: 420px) {
  .noqoro-explore-tabs {
    grid-template-columns: 1fr;
  }
}


/* --- Start of components/loop-console.css --- */
/* Console Split Screen Layout */
.noqoro-loop-console {
  position: relative;
  width: 100%;
  margin-top: 0;
}

.noqoro-loop-panel {
  display: none;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(32px, 5vw, 68px);
  align-items: center;
  width: 100%;
  min-height: 400px;
}

.noqoro-loop-panel.active {
  display: grid;
  animation: noqoroLoopFadeIn 0.38s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes noqoroLoopFadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.noqoro-loop-panel-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.noqoro-loop-panel-kicker {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 12px;
}

.noqoro-loop-panel-text h3 {
  margin: 0 0 16px;
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -0.035em;
  color: #ffffff;
}

.noqoro-loop-panel-text p {
  margin: 0 0 24px;
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.55;
  max-width: 52ch;
}

.noqoro-loop-features {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.noqoro-loop-features li {
  position: relative;
  padding-left: 24px;
  font-size: 0.88rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.8);
}

.noqoro-loop-features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--accent);
  font-weight: 900;
  font-size: 0.84rem;
}

.noqoro-loop-panel-link {
  font-size: 0.86rem;
  font-weight: 500;
  color: var(--accent);
  text-decoration: none;
  transition: .2s;
  display: inline-flex;
  align-items: center;
}

.noqoro-loop-panel-link:hover {
  text-shadow: 0 0 8px rgba(210, 252, 163, 0.4);
  transform: translateX(4px);
}

/* Console Mockup Container */
.noqoro-console-mockup {
  width: 100%;
  height: 330px;
  background: #020814;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 
    0 24px 54px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.noqoro-console-header {
  height: 38px;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 6px;
}

.noqoro-console-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
}

.noqoro-console-header .noqoro-console-dot:nth-child(1) { background: #ff5f56; }
.noqoro-console-header .noqoro-console-dot:nth-child(2) { background: #ffbd2e; }
.noqoro-console-header .noqoro-console-dot:nth-child(3) { background: #27c93f; }

.noqoro-console-title {
  margin-left: auto;
  margin-right: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.42);
  letter-spacing: 0.04em;
}

.noqoro-console-body {
  flex: 1;
  padding: 24px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Discover Visual (Asset Map Graph) */
.noqoro-asset-map {
  position: relative;
  width: 360px;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
}

/* Designer Halo Circles */
.noqoro-map-halo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

.halo-inner {
  width: 140px;
  height: 140px;
  border: 1px dashed rgba(0, 229, 255, 0.16);
  animation: noqoroRotateSlow 25s linear infinite;
  box-shadow: inset 0 0 16px rgba(0, 229, 255, 0.03);
}

.halo-outer {
  width: 250px;
  height: 250px;
  border: 1px solid rgba(0, 229, 255, 0.06);
  animation: noqoroRotateCounter 40s linear infinite;
}

@keyframes noqoroRotateSlow {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes noqoroRotateCounter {
  from { transform: translate(-50%, -50%) rotate(360deg); }
  to { transform: translate(-50%, -50%) rotate(0deg); }
}

.noqoro-asset-node {
  position: absolute;
  background: rgba(8, 14, 28, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 7px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 
    0 8px 20px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  z-index: 2;
  font-size: 0.74rem;
  color: #fff;
  backdrop-filter: blur(10px);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.noqoro-node-center {
  border-color: #00e5ff;
  background: rgba(0, 229, 255, 0.08);
  padding: 10px 16px;
  font-weight: 700;
  animation: noqoroPulseCenter 2.2s infinite ease-in-out;
  box-shadow: 
    0 0 15px rgba(0, 229, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

@keyframes noqoroPulseCenter {
  0%, 100% { box-shadow: 0 0 12px rgba(0, 229, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  50% { box-shadow: 0 0 24px rgba(0, 229, 255, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.15); }
}

.noqoro-node-child {
  opacity: 0.92;
}

.noqoro-node-child:hover {
  opacity: 1;
  transform: scale(1.05);
  border-color: rgba(255, 255, 255, 0.34);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5);
}

/* Specific Child Positions */
.child-1 { top: 15px; left: 15px; }
.child-2 { bottom: 15px; left: 20px; }
.child-3 { top: 25px; right: 15px; }
.child-4 { bottom: 25px; right: 15px; }

/* Red-orange Shadow API warning node */
.noqoro-node-warning {
  border-color: var(--accent-warning);
  background: rgba(255, 106, 46, 0.08);
  animation: noqoroPulseWarning 1.8s infinite ease-in-out;
}

.noqoro-node-warning:hover {
  border-color: var(--accent-warning-soft);
}

@keyframes noqoroPulseWarning {
  0%, 100% { box-shadow: 0 0 10px rgba(255, 106, 46, 0.18); }
  50% { box-shadow: 0 0 20px rgba(255, 106, 46, 0.38); }
}

/* Connected Graph Line (With Flow Pulse Animation) */
.noqoro-asset-line {
  position: absolute;
  z-index: 1;
  background: linear-gradient(90deg, 
    rgba(0, 229, 255, 0.08) 0%, 
    rgba(0, 229, 255, 0.6) 50%, 
    rgba(0, 229, 255, 0.08) 100%
  );
  background-size: 200% 100%;
  height: 1.5px;
  transform-origin: left center;
  animation: noqoroLinePulse 3s linear infinite;
}

@keyframes noqoroLinePulse {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Precise Rotations from Center Node (50% 50%) */
.line-1 {
  top: 50%;
  left: 50%;
  width: 125px;
  transform: rotate(-142deg);
}

.line-2 {
  top: 50%;
  left: 50%;
  width: 125px;
  transform: rotate(140deg);
}

.line-3 {
  top: 50%;
  left: 50%;
  width: 115px;
  transform: rotate(-35deg);
}

.line-4 {
  top: 50%;
  left: 50%;
  width: 115px;
  transform: rotate(35deg);
  background: linear-gradient(90deg, 
    rgba(255, 106, 46, 0.08) 0%, 
    rgba(255, 106, 46, 0.6) 50%, 
    rgba(255, 106, 46, 0.08) 100%
  );
  background-size: 200% 100%;
  animation: noqoroLinePulseWarning 3.5s linear infinite;
}

@keyframes noqoroLinePulseWarning {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.noqoro-node-icon {
  font-size: 0.92rem;
}

/* Recon Visual (Attack Path) */
.noqoro-attack-path {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 340px;
  gap: 12px;
}

.noqoro-path-step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  padding: 10px 14px;
}

.noqoro-path-label {
  font-size: 0.78rem;
  font-weight: 600;
}

.noqoro-path-status {
  font-size: 0.68rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
}

.noqoro-path-status.danger {
  color: #ff5252;
  background: rgba(255, 82, 82, 0.08);
  border: 1px solid rgba(255, 82, 82, 0.22);
}

.noqoro-path-status.warning {
  color: #ffb74d;
  background: rgba(255, 183, 77, 0.08);
  border: 1px solid rgba(255, 183, 77, 0.22);
}

.noqoro-path-status.critical {
  color: #d32f2f;
  background: rgba(211, 47, 47, 0.1);
  border: 1px solid rgba(211, 47, 47, 0.3);
  animation: noqoroPulseCritical 1.4s infinite ease-in-out;
}

@keyframes noqoroPulseCritical {
  0%, 100% { background: rgba(211, 47, 47, 0.1); box-shadow: none; }
  50% { background: rgba(211, 47, 47, 0.25); box-shadow: 0 0 8px rgba(211, 47, 47, 0.4); }
}

.noqoro-path-arrow {
  text-align: center;
  font-size: 0.94rem;
  line-height: 1;
}

.noqoro-path-arrow.danger-arrow {
  color: #ff5252;
  animation: noqoroFlowArrow 1.2s infinite linear;
}

@keyframes noqoroFlowArrow {
  0% { transform: translateY(-2px); opacity: 0.3; }
  50% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(2px); opacity: 0.3; }
}

/* Validate Visual (Attack Log) */
.noqoro-validator-console {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 340px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  background: #010409;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
  text-align: left;
  min-height: 200px;
}

.noqoro-validator-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.04);
  padding-bottom: 8px;
}

.noqoro-val-prompt {
  color: rgba(255, 255, 255, 0.62);
}

.noqoro-val-status {
  font-weight: 700;
  text-transform: uppercase;
}

.noqoro-val-status.success {
  color: #ff5252;
}

.noqoro-val-status.fail {
  color: #00dca3;
}

/* Defend Visual (Runtime Toggle) */
.noqoro-defend-runtime {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 340px;
  gap: 12px;
}

.noqoro-toggle-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.9);
}

.noqoro-badge {
  font-size: 0.66rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 4px;
}

.noqoro-badge.active {
  color: #00dca3;
  background: rgba(0, 220, 163, 0.08);
  border: 1px solid rgba(0, 220, 163, 0.22);
}

.noqoro-badge.badge-warning {
  color: #ff5252;
  background: rgba(255, 82, 82, 0.08);
  border: 1px solid rgba(255, 82, 82, 0.22);
  animation: noqoroPulseBlock 1.5s infinite;
}

@keyframes noqoroPulseBlock {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; box-shadow: 0 0 10px rgba(255, 82, 82, 0.2); }
}

/* Comply Visual (Framework mapping progress) */
.noqoro-comply-frameworks {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 340px;
  gap: 16px;
}

.noqoro-framework-comply-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.noqoro-fw-name {
  font-size: 0.74rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.86);
  text-align: left;
}

.noqoro-fw-bar-wrap {
  height: 6px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 99px;
  overflow: hidden;
}

.noqoro-fw-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--accent), var(--accent-success));
  border-radius: 99px;
  box-shadow: 0 0 8px rgba(0, 220, 163, 0.4);
}

.noqoro-fw-bar--full {
  width: 100%;
}

.noqoro-fw-percent {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.68rem;
  color: #00dca3;
  text-align: right;
  font-weight: 700;
}

/* Responsiveness overrides for the new section */
@media (max-width: 900px) {
  .noqoro-loop-console-card {
    padding: 24px 18px;
    border-radius: 16px;
    margin-top: 24px;
  }

  .noqoro-loop-steps {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  
  .noqoro-loop-step-btn {
    width: 100%;
    min-width: 0;
    padding: 10px 14px;
  }
  
  .noqoro-loop-step-arrow {
    display: flex;
    justify-self: center;
    width: 22px;
    height: 14px;
    margin: -2px 0;
    transform: rotate(90deg);
    font-size: 1rem;
  }
  
  .noqoro-loop-panel {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  
  .noqoro-console-mockup {
    height: 280px;
  }
}

@media (max-width: 480px) {
  .noqoro-loop-step-btn {
    width: 100%;
  }

  .noqoro-console-body {
    padding: 14px 10px;
  }

  .noqoro-console-title {
    min-width: 0;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .noqoro-asset-map {
    width: min(100%, 300px);
    height: 230px;
  }

  .noqoro-asset-node {
    max-width: 118px;
    min-width: 0;
    gap: 6px;
    padding: 6px 8px;
    font-size: 0.66rem;
    line-height: 1.12;
  }

  .noqoro-asset-node span {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .noqoro-node-center {
    max-width: 132px;
    padding: 8px 10px;
  }

  .child-1 {
    top: 18px;
    left: 0;
  }

  .child-2 {
    bottom: 18px;
    left: 4px;
  }

  .child-3 {
    top: 22px;
    right: 0;
  }

  .child-4 {
    bottom: 24px;
    right: 0;
  }
}

.noqoro-why-icon-comply::before {
  width: 24px;
  height: 30px;
  border-width: 2px;
}

.noqoro-why-icon-comply::after {
  width: 15px;
  height: 2px;
}

.noqoro-why-flow-step {
  white-space: normal;
  line-height: 1.15;
}

.noqoro-why-card-head {
  display: flex;
  align-items: center;
  min-height: 42px;
  gap: 10px;
}

.noqoro-why-card-head .noqoro-why-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  margin-bottom: 0;
  border-radius: 12px;
}

.noqoro-why-card-head h3 {
  min-height: 0;
  margin: 0;
  font-size: clamp(1.05rem, 1.28vw, 1.22rem);
  line-height: 1.05;
}

.noqoro-why-card .noqoro-why-flow {
  margin-top: 20px;
  padding-top: 0;
}

.noqoro-why-card-head,
.noqoro-why-card .noqoro-why-flow {
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--why-accent) 18%, rgba(255, 255, 255, 0.08));
}

.noqoro-why-detail {
  padding-top: 16px;
}

.noqoro-why-heading-accent {
  color: var(--accent-3);
}


/* --- Start of components/product-hero.css --- */
/* ==========================================================================
   NOQORO PLATFORM REDESIGN STYLESHEET
   ========================================================================== */

/* 1. Hero & Operating Loop Visual */
body.noqoro-product-page {
  background-color: #020814 !important;
}

.noqoro-page-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(180deg, rgba(2, 8, 20, 0.22), rgba(2, 8, 20, 0.74)),
    url('./assets/images/stock-vector-abstract-ai-data-streams-glowing-neural-lines-on-dark-background-futuristic-visualization-for-2785533399.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 0.14;
  will-change: transform;
}

.noqoro-platform-hero {
  padding-top: clamp(62px, 8vh, 96px);
  padding-bottom: clamp(62px, 8vh, 96px);
  overflow: visible;
}

.noqoro-platform-hero-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
}

.noqoro-platform-hero-container--compact {
  max-width: 900px;
  padding: 80px 20px;
}

.noqoro-platform-intro-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  max-width: 820px;
}

.noqoro-platform-intro-copy--compact {
  margin-bottom: 40px;
}

.noqoro-platform-intro-copy h1 {
  margin: 0;
  font-size: clamp(1.62rem, 4.2vw, 4.0rem);
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.noqoro-platform-intro-copy p {
  margin: 0;
  max-width: 62ch;
  color: var(--muted);
  font-size: clamp(1.02rem, 1.3vw, 1.22rem);
  line-height: 1.55;
}

.noqoro-platform-hero-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 12px;
}

.noqoro-platform-hero-actions--compact {
  gap: 16px;
}

.noqoro-platform-hero-actions--compact .noqoro-button {
  padding: 12px 24px;
  font-weight: 600;
}

.noqoro-nexa-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(320px, 0.94fr);
  align-items: center;
  gap: clamp(28px, 4vw, 56px);
  max-width: 1160px;
  padding: 82px 20px 26px;
}

.noqoro-nexa-hero-layout .noqoro-platform-intro-copy {
  align-items: flex-start;
  text-align: left;
  max-width: 640px;
}

.noqoro-nexa-hero-layout .noqoro-platform-intro-copy--compact {
  margin-bottom: 0;
}

.noqoro-nexa-hero-layout .noqoro-platform-intro-copy h1 {
  max-width: 12ch;
}

.noqoro-nexa-hero-layout .noqoro-platform-intro-copy p {
  max-width: 48ch;
}

.noqoro-nexa-hero-layout .noqoro-platform-hero-actions {
  justify-content: flex-start;
}

.noqoro-nexa-hero-demo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.noqoro-nexa-hero-demo-button {
  position: relative;
  display: block;
  width: min(100%, 440px);
  aspect-ratio: 16 / 9;
  padding: 14px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(13, 21, 33, 0.98), rgba(6, 12, 20, 0.98));
  box-shadow:
    0 26px 72px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

.noqoro-nexa-hero-demo-screen {
  position: absolute;
  inset: 14px;
  overflow: hidden;
  border-radius: 14px;
  background: #050b12;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.noqoro-nexa-hero-demo-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
  background: #050b12;
}

.noqoro-nexa-hero-demo-overlay {
  position: absolute;
  inset: 14px;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(2, 8, 20, 0.12) 0%, rgba(2, 8, 20, 0.34) 100%),
    linear-gradient(135deg, rgba(0, 245, 255, 0.14), rgba(0, 0, 0, 0) 44%);
}

.noqoro-nexa-hero-demo-play {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 68px;
  height: 68px;
  margin: -34px 0 0 -34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(0, 229, 255, 0.16);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow:
    0 0 0 10px rgba(0, 229, 255, 0.08),
    0 16px 34px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
}

.noqoro-nexa-hero-demo-label {
  position: absolute;
  left: 26px;
  bottom: 26px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(6, 12, 20, 0.72);
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}

.noqoro-home-video-section {
  width: min(calc(100% - 40px), var(--max-width));
  margin: clamp(18px, 3vw, 36px) auto clamp(36px, 5vw, 64px);
  padding: 0;
}

.noqoro-home-video-thumb {
  --noqoro-video-bezel-y: clamp(14px, 2vw, 24px);
  --noqoro-video-bezel-x: clamp(34px, 4.6vw, 58px);
  --noqoro-video-home-size: clamp(20px, 2.5vw, 32px);
  position: relative;
  display: block;
  width: min(100%, 960px);
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  padding: var(--noqoro-video-bezel-y) var(--noqoro-video-bezel-x);
  border: 1px solid rgba(206, 216, 226, 0.9);
  border-radius: clamp(26px, 4vw, 46px);
  overflow: hidden;
  cursor: pointer;
  background:
    linear-gradient(180deg, #f8fbff 0%, #dce4ed 48%, #f7fafc 100%);
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.72),
    inset 0 0 0 6px rgba(169, 181, 194, 0.24),
    0 26px 72px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

.noqoro-home-video-thumb::before {
  content: "";
  position: absolute;
  inset: calc(var(--noqoro-video-bezel-y) - 4px) calc(var(--noqoro-video-bezel-x) - 4px);
  z-index: 0;
  border: 2px solid rgba(3, 8, 14, 0.92);
  border-radius: clamp(13px, 2vw, 22px);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.42),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

.noqoro-home-video-thumb img {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: clamp(10px, 1.6vw, 18px);
  background: #050b12;
}

.noqoro-home-video-thumb::after {
  content: "";
  position: absolute;
  inset: var(--noqoro-video-bezel-y) var(--noqoro-video-bezel-x);
  z-index: 0;
  border-radius: clamp(10px, 1.6vw, 18px);
  background: linear-gradient(180deg, rgba(2, 8, 20, 0.02), rgba(2, 8, 20, 0.28));
  pointer-events: none;
}

.noqoro-home-video-ipad-button {
  position: absolute;
  top: 50%;
  right: calc((var(--noqoro-video-bezel-x) - var(--noqoro-video-home-size)) / 2);
  z-index: 1;
  width: var(--noqoro-video-home-size);
  height: var(--noqoro-video-home-size);
  border: 2px solid rgba(147, 158, 171, 0.68);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(248, 251, 255, 0.94) 0 46%, rgba(213, 222, 232, 0.96) 48% 100%);
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.75),
    0 1px 2px rgba(17, 24, 39, 0.24);
  transform: translateY(-50%);
  pointer-events: none;
}

.noqoro-home-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: grid;
  width: clamp(60px, 7vw, 78px);
  height: clamp(60px, 7vw, 78px);
  place-items: center;
  border-radius: 50%;
  color: #ffffff;
  background: #ff1738;
  box-shadow:
    0 0 0 10px rgba(255, 23, 56, 0.18),
    0 18px 36px rgba(0, 0, 0, 0.34);
  transform: translate(-50%, -50%);
  transition: transform 180ms ease, background 180ms ease;
}

.noqoro-home-video-thumb:hover .noqoro-home-video-play,
.noqoro-home-video-thumb:focus-visible .noqoro-home-video-play {
  background: #ff2c49;
  transform: translate(-50%, -50%) scale(1.05);
}

.noqoro-home-video-play svg {
  margin-left: 3px;
}

.noqoro-button--wide-190 {
  width: 190px;
  justify-content: center;
  box-sizing: border-box;
}

.noqoro-button--secondary-soft {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text);
  text-decoration: none;
  border-radius: var(--radius-md);
}

.noqoro-button-video {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  text-decoration: none;
  background: linear-gradient(135deg, #ff4757, #ff2247);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow:
    0 6px 18px rgba(255, 71, 87, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: all 0.2s;
}

.noqoro-button-video:hover,
.noqoro-button-video:focus-visible {
  background: linear-gradient(135deg, #ff5e6c, #ff3b59);
  box-shadow:
    0 10px 24px rgba(255, 71, 87, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

.noqoro-button-video__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #ffffff;
  border-radius: 50%;
  color: #ff4757;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
}

.noqoro-button-video__icon svg {
  transform: translateX(1px);
}

.noqoro-eyebrow-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 16px;
  border: 1px solid transparent;
}

.noqoro-eyebrow-pill--cyan {
  background: rgba(0, 229, 255, 0.1);
  color: var(--accent);
  border-color: rgba(0, 229, 255, 0.2);
}

.noqoro-eyebrow-pill--red {
  background: rgba(255, 71, 87, 0.1);
  color: #ff4757;
  border-color: rgba(255, 71, 87, 0.2);
}

.noqoro-eyebrow-pill--green {
  background: rgba(46, 204, 113, 0.1);
  color: #2ecc71;
  border-color: rgba(46, 204, 113, 0.2);
}

.noqoro-eyebrow-pill--violet {
  background: rgba(143, 123, 255, 0.1);
  color: #8f7bff;
  border-color: rgba(143, 123, 255, 0.2);
}

.noqoro-eyebrow--green {
  color: #00dca3;
}

.noqoro-platform-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  width: 100%;
  margin-top: 40px;
  text-align: left;
}

.noqoro-platform-feature-card {
  background: rgba(10, 18, 30, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-md);
  padding: 24px;
  box-sizing: border-box;
}

.noqoro-platform-feature-icon {
  font-size: 1.5rem;
  display: block;
  margin-bottom: 12px;
}

.noqoro-platform-feature-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--text);
}

.noqoro-platform-feature-copy {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
  margin: 0;
}

.noqoro-discover-offset {
  --noqoro-section-pad-top: 168px;
}

.noqoro-discover-offset::before {
  top: -112px;
  height: 216px;
}

.noqoro-governance-section--spaced {
  margin-top: 80px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 80px;
}

.noqoro-section-heading--centered {
  text-align: center;
  margin-bottom: 54px;
}

.noqoro-section-heading--centered .noqoro-eyebrow {
  color: var(--accent);
}

.noqoro-section-heading__lead {
  color: var(--muted);
  max-width: 600px;
  margin: 18px auto 0;
  font-size: 1.05rem;
  line-height: 1.55;
}

.noqoro-framework-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px;
  margin-bottom: 64px;
  align-items: start;
}

.noqoro-framework-card {
  background: rgba(10, 18, 30, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  padding: clamp(20px, 3.5vw, 36px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
}

.noqoro-framework-card--mitre {
  border-color: rgba(143, 123, 255, 0.2);
}

.noqoro-framework-card-title {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 0 24px 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.noqoro-framework-card-title--cyan {
  color: var(--accent);
}

.noqoro-framework-card-title--violet {
  color: #8f7bff;
}

.noqoro-framework-card-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.noqoro-framework-card-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 14px;
}

.noqoro-framework-card-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.noqoro-framework-card-item-title {
  color: var(--text);
  font-size: 0.95rem;
  display: block;
  margin-bottom: 6px;
  font-weight: 700;
}

.noqoro-framework-card-item-copy {
  color: var(--muted);
  font-size: 0.88rem;
  margin: 0;
  line-height: 1.45;
}

.noqoro-framework-cta {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 48px;
  max-width: 600px;
  margin: 0 auto;
}

.noqoro-framework-cta-copy {
  color: var(--muted);
  font-size: 0.96rem;
  margin-bottom: 24px;
  line-height: 1.5;
}

.noqoro-framework-cta-button {
  padding: 12px 28px;
}

.noqoro-video-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
  align-items: center;
  justify-content: center;
}

.noqoro-platform-video-modal.noqoro-video-modal {
  position: fixed !important;
  inset: 0 !important;
}

.noqoro-video-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 10, 18, 0.85);
  backdrop-filter: blur(12px);
}

.noqoro-video-modal__container {
  position: relative;
  width: 90%;
  max-width: 1000px;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.8), 0 0 30px rgba(0, 229, 255, 0.15);
  z-index: 100001;
}

.noqoro-video-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100002;
  transition: all 0.2s;
}

.noqoro-video-modal__close:hover,
.noqoro-video-modal__close:focus-visible {
  background: rgba(255, 71, 87, 0.2);
  border-color: #ff4757;
  color: #ff4757;
}

.noqoro-video-modal__player {
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: pointer;
}

.noqoro-video-modal__subtitles {
  position: absolute;
  bottom: 64px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  max-width: 600px;
  text-align: center;
  background: rgba(4, 10, 18, 0.85);
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: clamp(0.75rem, 2vw, 0.92rem);
  font-weight: 500;
  line-height: 1.4;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  pointer-events: none;
  z-index: 100002;
  display: none;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.noqoro-video-modal__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3));
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  z-index: 100002;
  transition: opacity 0.3s;
  opacity: 1;
  backdrop-filter: blur(4px);
}

.noqoro-video-modal__group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.noqoro-video-modal__group--right {
  gap: 14px;
}

.noqoro-video-modal__button {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.noqoro-video-modal__button--play {
  transition: transform 0.2s;
}

.noqoro-video-modal__button--play:hover,
.noqoro-video-modal__button--play:focus-visible {
  transform: scale(1.1);
}

.noqoro-video-modal__time {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.78rem;
  font-family: monospace;
}

.noqoro-video-modal__progress-wrap {
  flex-grow: 1;
  margin: 0 16px;
  display: flex;
  align-items: center;
  position: relative;
}

.noqoro-video-modal__progress,
.noqoro-video-modal__volume {
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.noqoro-video-modal__progress {
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.3);
  transition: height 0.1s;
}

.noqoro-video-modal__progress::-webkit-slider-thumb,
.noqoro-video-modal__volume::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #00e5ff;
  box-shadow: 0 0 6px rgba(0, 229, 255, 0.8);
  cursor: pointer;
}

.noqoro-video-modal__progress::-moz-range-thumb,
.noqoro-video-modal__volume::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #00e5ff;
  box-shadow: 0 0 6px rgba(0, 229, 255, 0.8);
  cursor: pointer;
  border: none;
}

.noqoro-video-modal__cc {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.85rem;
  font-weight: 700;
  transition: all 0.2s;
}

.noqoro-video-modal__volume-group {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.noqoro-video-modal__volume {
  width: 50px;
  height: 3px;
  border-radius: 1.5px;
  background: rgba(255, 255, 255, 0.4);
}

@media (max-width: 480px) {
  .noqoro-home-video-section {
    width: min(calc(100% - 28px), var(--max-width));
    margin: 18px auto 38px;
  }

  .noqoro-home-video-thumb {
    --noqoro-video-bezel-y: 12px;
    --noqoro-video-bezel-x: 28px;
    --noqoro-video-home-size: 20px;
    border-radius: 28px;
  }

  .noqoro-home-video-thumb img,
  .noqoro-home-video-thumb::after {
    border-radius: 13px;
  }

  .noqoro-platform-hero-actions {
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 10px;
  }
  
  .noqoro-platform-hero-actions .noqoro-button {
    width: 100% !important;
    max-width: 280px;
  }

  .noqoro-nexa-hero-layout {
    grid-template-columns: 1fr;
    padding: 64px 16px 18px;
  }

  .noqoro-nexa-hero-layout .noqoro-platform-intro-copy {
    max-width: none;
  }

  .noqoro-nexa-hero-demo {
    justify-content: flex-start;
  }

  .noqoro-nexa-hero-demo-button {
    width: 100%;
    max-width: 420px;
  }
}

/* SaaS Browser Mockup Frame */
.noqoro-hero-browser-mockup {
  position: relative;
  width: 100%;
  max-width: var(--max-width);
  margin: 56px auto 0;
  background: rgba(8, 14, 22, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.85);
  z-index: 10;

  /* Height limit and gradient mask to fade out the dashboard preview at the bottom */
  height: clamp(620px, 80vh, 880px);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 85%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 85%, transparent 100%);
}

.noqoro-hero-browser-mockup .noqoro-browser-address-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  padding: 4px 16px;
  font-size: 0.72rem;
  color: var(--accent-silver);
  font-family: monospace;
  max-width: 320px;
  width: 100%;
  justify-content: center;
}

.noqoro-browser-image-wrap {
  width: 100%;
  height: 360px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  position: relative;
}

.noqoro-hero-dashboard-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  display: block;
}

@media (max-width: 768px) {
  .noqoro-browser-image-wrap {
    height: 220px;
  }
}

/* Ambient glow elements behind browser mockup */
.noqoro-hero-glow-1 {
  position: absolute;
  top: 30%;
  left: 20%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: #00e5ff;
  filter: blur(90px);
  opacity: 0.12;
  pointer-events: none;
  z-index: 1;
}

.noqoro-hero-glow-2 {
  position: absolute;
  bottom: 20%;
  right: 15%;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: var(--accent-success);
  filter: blur(100px);
  opacity: 0.08;
  pointer-events: none;
  z-index: 1;
}

/* Client Logos Bar */
.noqoro-hero-logos-bar {
  width: 100%;
  margin-top: 56px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.logos-label {
  font-size: 0.68rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.28);
  letter-spacing: 0.18em;
}

.logos-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(24px, 4.5vw, 64px);
  flex-wrap: wrap;
}

.logo-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.32);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  transition: color 0.3s ease;
}

.logo-item svg {
  color: inherit;
  width: 16px;
  height: 16px;
}

.logo-item:hover {
  color: rgba(255, 255, 255, 0.7);
}

.noqoro-platform-loop-visual-svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* SVG Holographic Radar Styles */
.noqoro-radar-ring {
  fill: none;
  stroke: rgba(0, 229, 255, 0.08);
  stroke-width: 1.2;
}

.noqoro-radar-crosshair {
  fill: none;
  stroke: rgba(0, 229, 255, 0.04);
  stroke-width: 1;
}

.noqoro-loop-sweep {
  fill: none;
  stroke: #00e5ff;
  stroke-width: 1.5;
  opacity: 0.35;
  transform-origin: 250px 250px;
  animation: radar-sweep 8s linear infinite;
}

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

.noqoro-loop-flow-line {
  stroke: rgba(0, 229, 255, 0.1);
  stroke-width: 1.2;
  stroke-dasharray: 6 12;
  animation: loop-flow-dash 30s linear infinite;
}

@keyframes loop-flow-dash {
  to {
    stroke-dashoffset: -360;
  }
}

.noqoro-spoke-conduit {
  fill: none;
  stroke: rgba(0, 229, 255, 0.07);
  stroke-width: 1.5;
  stroke-dasharray: 4 4;
}

.noqoro-loop-center-circle {
  fill: #080f18;
  stroke: rgba(0, 229, 255, 0.3);
  stroke-width: 2;
  filter: drop-shadow(0 0 15px rgba(0, 229, 255, 0.15));
}

.noqoro-loop-center-text {
  font-size: 11px;
  font-weight: 800;
  fill: #fff;
  letter-spacing: 0.15em;
  font-family: inherit;
}

.noqoro-loop-shield-ring-1 {
  fill: none;
  stroke: #00e5ff;
  stroke-width: 1;
  opacity: 0.25;
  transform-origin: 250px 250px;
  animation: rotate-clockwise 15s linear infinite;
}

.noqoro-loop-shield-ring-2 {
  fill: none;
  stroke: var(--accent-3);
  stroke-width: 1;
  opacity: 0.18;
  transform-origin: 250px 250px;
  animation: rotate-counter 20s linear infinite;
}

@keyframes rotate-clockwise {
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate-counter {
  to {
    transform: rotate(-360deg);
  }
}

.noqoro-loop-node {
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.noqoro-loop-node:hover {
  transform: scale(1.08);
}

.noqoro-loop-node-bg {
  fill: #060b12;
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 1.5;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.noqoro-loop-node:hover .noqoro-loop-node-bg {
  stroke: #00e5ff;
  fill: rgba(0, 229, 255, 0.05);
  filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.25));
}

.noqoro-loop-node-pulse {
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
  opacity: 0;
  transform-origin: center;
  animation: heroNodePulse 3.5s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

.noqoro-loop-node:nth-of-type(1) .noqoro-loop-node-pulse { animation-delay: 0s; color: var(--accent); }
.noqoro-loop-node:nth-of-type(2) .noqoro-loop-node-pulse { animation-delay: 0.8s; color: var(--accent-3); }
.noqoro-loop-node:nth-of-type(3) .noqoro-loop-node-pulse { animation-delay: 1.6s; color: var(--accent-warning); }
.noqoro-loop-node:nth-of-type(4) .noqoro-loop-node-pulse { animation-delay: 2.4s; color: var(--accent-success); }

@keyframes heroNodePulse {
  0% {
    r: 22px;
    opacity: 0.7;
  }
  100% {
    r: 42px;
    opacity: 0;
  }
}

.noqoro-loop-node-text-svg {
  font-size: 8px;
  font-weight: 700;
  fill: var(--accent-silver);
  letter-spacing: 0.08em;
  font-family: monospace;
}

.noqoro-loop-node:hover .noqoro-loop-node-text-svg {
  fill: #fff;
}

/* 2. Platform Operating Loop Details / AI Infrastructure Security Posture */
.noqoro-posture-heading {
  text-align: center;
  margin-bottom: 56px;
  justify-content: center;
  justify-items: center;
}

.noqoro-posture-heading h2 {
  max-width: 100% !important;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.noqoro-posture-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  padding: 42px 32px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border);
  background: rgba(12, 20, 31, 0.65);
  backdrop-filter: blur(16px);
  margin-bottom: clamp(96px, 12vh, 148px);
}

.noqoro-timeline-line {
  position: absolute;
  top: 72px; /* aligns with center of icon-wrap */
  left: 10%;
  right: 10%;
  height: 2px;
  background: rgba(255, 255, 255, 0.05);
  z-index: 1;
}

.noqoro-timeline-progress {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent-purple) 30%, var(--accent-warning) 55%, var(--accent-success) 80%, #ffd700 100%);
  opacity: 0.15;
}

.noqoro-posture-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  z-index: 2;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
}

.noqoro-posture-icon-wrap {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #090f17;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--muted-soft);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.noqoro-posture-icon {
  z-index: 2;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s ease;
}

.noqoro-posture-glow {
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.4s ease, box-shadow 0.4s ease;
}

/* Specific step color variables */
.noqoro-posture-step[data-step="1"]:hover .noqoro-posture-icon-wrap {
  border-color: #00e5ff;
  color: var(--accent);
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.25);
}
.noqoro-posture-step[data-step="2"]:hover .noqoro-posture-icon-wrap {
  border-color: var(--accent-purple);
  color: var(--accent-purple);
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.25);
}
.noqoro-posture-step[data-step="3"]:hover .noqoro-posture-icon-wrap {
  border-color: var(--accent-warning);
  color: var(--accent-warning);
  box-shadow: 0 0 20px rgba(255, 106, 46, 0.25);
}
.noqoro-posture-step[data-step="4"]:hover .noqoro-posture-icon-wrap {
  border-color: var(--accent-success);
  color: var(--accent-success);
  box-shadow: 0 0 20px rgba(0, 220, 163, 0.25);
}
.noqoro-posture-step[data-step="5"]:hover .noqoro-posture-icon-wrap {
  border-color: #ffd700;
  color: #ffd700;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.25);
}

.noqoro-posture-step:hover .noqoro-posture-icon {
  transform: scale(1.15);
}

.noqoro-posture-title {
  margin: 0 0 8px;
  font-size: 1.15rem;
  font-weight: 650;
  color: var(--text);
  letter-spacing: -0.01em;
  transition: color 0.3s ease;
}

.noqoro-posture-step[data-step="1"]:hover .noqoro-posture-title { color: var(--accent); }
.noqoro-posture-step[data-step="2"]:hover .noqoro-posture-title { color: var(--accent-purple); }
.noqoro-posture-step[data-step="3"]:hover .noqoro-posture-title { color: var(--accent-warning); }
.noqoro-posture-step[data-step="4"]:hover .noqoro-posture-title { color: var(--accent-success); }
.noqoro-posture-step[data-step="5"]:hover .noqoro-posture-title { color: #ffd700; }

.noqoro-posture-desc {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--muted);
  max-width: 20ch;
}


/* --- Start of components/product-capabilities-base.css --- */
/* 3. Capability Sections Base */
.noqoro-platform-capability {
  scroll-margin-top: 112px;
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: clamp(32px, 6vw, 78px);
  align-items: center;
  margin-bottom: clamp(96px, 12vh, 148px);
  padding: 0 24px;
}

.noqoro-platform-capability:nth-of-type(even) {
  grid-template-columns: 1.25fr 0.75fr;
}

.noqoro-platform-capability:nth-of-type(even) .noqoro-platform-capability-copy {
  order: 2;
}

.noqoro-platform-capability:nth-of-type(even) .noqoro-platform-capability-visual {
  order: 1;
}

.noqoro-platform-capability-copy {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.noqoro-platform-capability-copy h2 {
  margin: 0;
  font-size: clamp(1.8rem, 3.2vw, 3rem);
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.noqoro-platform-capability-copy p {
  margin: 0;
  max-width: 42ch;
  color: var(--muted);
  font-size: 0.88rem;
  font-weight: 350;
  line-height: 1.6;
}

.noqoro-platform-capability-visual {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.noqoro-discover-overlay-frame {
  background: rgba(10, 18, 30, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: 
    0 24px 64px rgba(0, 0, 0, 0.6), 
    0 0 32px rgba(0, 229, 255, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  padding: 16px !important;
  overflow: hidden !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  display: flex !important;
  flex-direction: column !important;
}

.noqoro-discover-overlay-frame .noqoro-browser-tabs-header {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.noqoro-discover-overlay-frame .noqoro-browser-overlay-content {
  position: relative !important;
  inset: auto !important;
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 0 !important;
}

.noqoro-discover-overlay-frame .noqoro-discover-saas-layout {
  padding: 0 16px 16px 16px !important;
}

.noqoro-discover-overlay-frame .noqoro-discover-screen-wrapper {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.noqoro-scanner-target-group {
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}



.noqoro-discover-overlay-content {
  padding: 0 !important;
}

.noqoro-discover-saas-layout {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 20px 20px; /* 40px top padding to sit below browser bar */
  z-index: 2;
  pointer-events: none;
}

.noqoro-discover-map-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  pointer-events: auto;
}

.noqoro-discover-map-title {
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
}

.noqoro-discover-surface-map {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 420px;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  filter: none !important;
  opacity: 0.9;
  pointer-events: auto;
  display: block;
  margin: 0 auto;
}

.noqoro-discover-separator {
  height: 1px;
  background: rgba(255, 255, 255, 0.05);
  margin: 8px 0;
}

.noqoro-discover-saas-layout .noqoro-map-details-card {
  position: relative;
  right: auto;
  bottom: auto;
  width: 100%;
  background: rgba(8, 14, 22, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-left: 4px solid var(--accent);
  border-radius: var(--radius-md);
  box-shadow: none;
  backdrop-filter: none;
  z-index: 2;
  pointer-events: auto;
}

.noqoro-scanner-grid {
  fill: none;
  stroke: rgba(0, 229, 255, 0.08);
  stroke-width: 1;
}

.noqoro-scanner-crosshair {
  stroke: rgba(0, 229, 255, 0.04);
  stroke-width: 0.8;
}

/* Scanning Sweep effect */
.noqoro-scanner-sweep-mask {
  stroke: #00e5ff;
  stroke-width: 2;
  opacity: 0.15;
  stroke-dasharray: 40 200;
  transform-origin: 220px 200px;
  animation: radar-sweep 6s linear infinite;
}

.noqoro-map-line {
  fill: none;
  stroke: rgba(255, 255, 255, 0.06);
  stroke-width: 1.2;
}

.noqoro-map-line-active {
  fill: none;
  stroke: rgba(0, 229, 255, 0.2);
  stroke-width: 1.3;
  stroke-dasharray: 4 4;
}

.noqoro-map-node-bg {
  fill: #050a10;
  stroke: rgba(255, 255, 255, 0.12);
  stroke-width: 1.5;
  transition: all 0.3s ease;
}

.noqoro-node-pulse-ring {
  fill: none;
  stroke-width: 1;
  transform-origin: center;
  opacity: 0;
  scale: 0.8;
}

/* Interactive Node highlights */
.noqoro-interactive-node {
  cursor: pointer;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.noqoro-interactive-node:hover {
  transform: scale(1.22);
}

.noqoro-interactive-node:hover .noqoro-map-node-bg {
  stroke: #00e5ff;
  fill: rgba(0, 229, 255, 0.08);
  filter: drop-shadow(0 0 12px rgba(0, 229, 255, 0.5));
}

.noqoro-interactive-node:hover .noqoro-node-pulse-ring {
  animation: node-pulse-anim 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

.noqoro-interactive-node.active-highlight .noqoro-map-node-bg {
  stroke: #00e5ff;
  fill: rgba(0, 229, 255, 0.12);
}

.noqoro-interactive-node.active-highlight .noqoro-node-pulse-ring {
  animation: node-pulse-anim 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

@keyframes node-pulse-anim {
  0% {
    r: 14px;
    opacity: 0.8;
    stroke-width: 1.5;
  }
  100% {
    r: 36px;
    opacity: 0;
    stroke-width: 0.5;
  }
}

.noqoro-map-center-halo {
  fill: none;
  stroke: #00e5ff;
  stroke-width: 1.5;
  opacity: 0.2;
}

/* Discovery info card */
.noqoro-map-details-card {
  padding: 0 !important;
  background: rgba(8, 14, 22, 0.9);
  border: 1px solid var(--border-bright);
  border-left: 4px solid var(--accent);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(16px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  transition: 
    border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 260px;
  z-index: 3;
  pointer-events: auto;
}

.noqoro-map-details-card.risk-critical {
  border-left-color: #ff4d4d;
  box-shadow: 0 12px 36px rgba(255, 77, 77, 0.08);
}

.noqoro-map-details-card.risk-high {
  border-left-color: var(--accent-warning);
  box-shadow: 0 12px 36px rgba(255, 106, 46, 0.06);
}

.noqoro-map-details-card.risk-secure {
  border-left-color: var(--accent-success);
  box-shadow: 0 12px 36px rgba(0, 220, 163, 0.06);
}

.noqoro-map-details-card.risk-medium {
  border-left-color: #fff;
  box-shadow: 0 12px 36px rgba(255, 255, 255, 0.04);
}

.noqoro-details-header {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 10px 16px;
  background: rgba(10, 18, 30, 0.85);
}

.noqoro-details-dots {
  display: flex;
  gap: 4px;
}

.noqoro-details-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
}

.noqoro-details-header-title {
  font-family: monospace;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted-soft);
}

.noqoro-details-body {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.noqoro-details-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.noqoro-card-kicker {
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accent);
}

.noqoro-card-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
}

.noqoro-card-desc {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--muted);
}

.noqoro-card-status-value {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.76rem;
  font-weight: 600;
  font-family: monospace;
}


/* --- Start of components/product-capabilities-tech.css --- */
/* 3.2 Recon Directed Graph styles */
.noqoro-recon-visual-container {
  width: 100%;
  max-width: 680px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: none;
  border: none;
  border-radius: 0;
  filter: none;
  padding: 0;
}

.noqoro-recon-visual-container--flat {
  border: none;
  box-shadow: none;
  background: transparent;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.noqoro-recon-path-title {
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent);
}

.noqoro-recon-flow-svg {
  width: 100%;
  height: auto;
  display: block;
}

.noqoro-recon-path-threat {
  fill: none;
  stroke: rgba(255, 106, 46, 0.18);
  stroke-width: 1.5;
}

.noqoro-recon-path-safe {
  fill: none;
  stroke: rgba(0, 229, 255, 0.12);
  stroke-width: 1.5;
}

.noqoro-recon-node-halo {
  fill: none;
  stroke-width: 1;
  opacity: 0.3;
}

.noqoro-recon-node-halo.halo-threat {
  stroke: var(--accent-warning);
  animation: node-pulse-anim-small 3s ease-out infinite;
}

.noqoro-recon-node-halo.halo-breached {
  stroke: #ff4d4d;
  animation: node-pulse-anim-small 2s ease-out infinite;
}

@keyframes node-pulse-anim-small {
  0% {
    r: 10px;
    opacity: 0.6;
  }
  100% {
    r: 24px;
    opacity: 0;
  }
}

.noqoro-recon-node-label {
  font-size: 9px;
  font-weight: 700;
  fill: var(--accent-silver);
  font-family: inherit;
  letter-spacing: 0.02em;
}

.noqoro-recon-node-label-alert {
  font-size: 9px;
  font-weight: 800;
  fill: #ff4d4d;
  font-family: inherit;
  letter-spacing: 0.02em;
}

.noqoro-recon-node-sublabel {
  font-size: 8px;
  font-weight: 550;
  fill: var(--muted-soft);
  font-family: monospace;
}

.noqoro-recon-node-sublabel-alert {
  font-size: 8px;
  font-weight: 750;
  fill: #ff4d4d;
  font-family: monospace;
  letter-spacing: 0.05em;
  animation: text-blink-alert 1.5s step-end infinite;
}

@keyframes text-blink-alert {
  50% {
    opacity: 0.2;
  }
}

/* 3.3 Validate HUD Terminal styles */
.noqoro-terminal-shell {
  width: 100%;
  max-width: 640px;
  border: 1px solid var(--border-bright);
  border-radius: var(--radius-lg);
  background: #060b10;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.52);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.noqoro-terminal-shell--flat {
  border: none;
  box-shadow: none;
  background: transparent;
  height: 100%;
  max-width: none;
}

.noqoro-terminal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: rgba(16, 24, 39, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.noqoro-terminal-dots {
  display: flex;
  gap: 6px;
}

.noqoro-terminal-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
}

.dot-red { background: #ff5f56; }
.dot-yellow { background: #ffbd2e; }
.dot-green { background: #27c93f; }

.noqoro-terminal-tabs {
  display: flex;
  gap: 4px;
}

.noqoro-terminal-tab {
  background: none;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 0.72rem;
  color: var(--muted-soft);
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s ease;
}

.noqoro-terminal-tab:hover {
  color: var(--accent-silver);
  background: rgba(255, 255, 255, 0.03);
}

.noqoro-terminal-tab.active {
  color: var(--accent);
  background: rgba(0, 229, 255, 0.07);
  border: 1px solid rgba(0, 229, 255, 0.15);
}

.noqoro-terminal-body {
  position: relative;
  min-height: 240px;
}


.noqoro-validate-dashboard {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  align-items: stretch;
}

.noqoro-validate-table-col {
  padding: 12px 0 12px 12px;
}

.noqoro-validate-table-col table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
  text-align: left;
}

.noqoro-validate-table-col th {
  padding: 10px 8px;
  font-weight: 700;
  color: var(--muted-soft);
  text-transform: uppercase;
  font-size: 0.66rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  letter-spacing: 0.05em;
}

.noqoro-validate-table-col td {
  padding: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
  color: var(--accent-silver);
}

.noqoro-validate-badge {
  font-size: 0.68rem;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
}

.noqoro-validate-badge.badge-critical {
  color: #ff4d4d;
  background: rgba(255, 77, 77, 0.1);
  border: 1px solid rgba(255, 77, 77, 0.2);
}

.noqoro-validate-badge.badge-high {
  color: var(--accent-warning);
  background: rgba(255, 106, 46, 0.08);
  border: 1px solid rgba(255, 106, 46, 0.15);
}

.noqoro-validate-badge.badge-medium {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.noqoro-status-indicator {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 6px;
}

.noqoro-status-indicator.indicator-fail {
  background: #ff4d4d;
  box-shadow: 0 0 6px #ff4d4d;
}

.noqoro-status-indicator.indicator-pass {
  background: var(--accent-success);
  box-shadow: 0 0 6px var(--accent-success);
}

/* Concentric Risk Score Gauge styles */
.noqoro-validate-gauge-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.03);
  box-sizing: border-box;
  height: 100%;
}

.noqoro-risk-gauge-card {
  background: rgba(15, 22, 33, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: var(--radius-md) !important;
  padding: 10px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  width: 100% !important;
  max-width: 200px !important;
  box-sizing: border-box !important;
  flex: 1 1 0% !important;
}

.noqoro-risk-gauge-container {
  position: relative;
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Stats Card (Threat Breakdown) styling */
.noqoro-risk-stats-card {
  background: rgba(15, 22, 33, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: var(--radius-md) !important;
  padding: 10px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  width: 100% !important;
  max-width: 200px !important;
  box-sizing: border-box !important;
  flex: 1 1 0% !important;
}

.noqoro-stats-card-title {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: var(--muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  padding-bottom: 4px !important;
  width: 100% !important;
}

.noqoro-stats-card-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.noqoro-stats-pie-svg {
  width: 50px !important;
  height: 50px !important;
  transform: rotate(-90deg) !important;
  flex-shrink: 0 !important;
}

.noqoro-stats-legend {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.legend-item {
  font-size: 0.62rem !important;
  color: var(--accent-silver) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.legend-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

.legend-dot.dot-red {
  background: #ff4d4d !important;
  box-shadow: 0 0 4px #ff4d4d !important;
}

.legend-dot.dot-orange {
  background: var(--accent-warning) !important;
  box-shadow: 0 0 4px var(--accent-warning) !important;
}

.legend-dot.dot-cyan {
  background: #00e5ff !important;
  box-shadow: 0 0 4px #00e5ff !important;
}

.noqoro-risk-gauge-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.risk-gauge-track {
  fill: none;
  stroke: rgba(255, 255, 255, 0.03);
  stroke-width: 6;
}

.risk-gauge-fill {
  fill: none;
  stroke: var(--accent-warning);
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 283; /* 2 * PI * r (r=45) */
  stroke-dashoffset: 283;
  animation: risk-fill-glow 2.5s cubic-bezier(0.1, 0.8, 0.2, 1) forwards;
}

.noqoro-risk-gauge-svg {
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 50%, rgba(255, 106, 46, 0.03) 100%);
  border-radius: 50%;
}

@keyframes risk-fill-glow {
  to {
    stroke-dashoffset: 11; /* (10 - 9.6) / 10 * 283 = ~11 */
  }
}

.noqoro-risk-gauge-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.noqoro-risk-score {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--accent-warning);
  letter-spacing: -0.04em;
}

.noqoro-risk-label {
  font-size: 0.45rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  color: var(--accent-warning);
  margin-top: 2px;
}

.noqoro-gauge-caption {
  margin-top: 10px;
  font-size: 0.66rem;
  font-weight: 750;
  text-transform: uppercase;
  color: var(--muted-soft);
  letter-spacing: 0.08em;
}

/* Monospace Live Logs pane */
.noqoro-terminal-logs-view {
  padding: 16px;
  background: #03060a;
  height: 240px;
  overflow-y: auto;
}

.noqoro-logs-console {
  margin: 0;
  font-family: monospace;
  font-size: 0.74rem;
  line-height: 1.6;
  color: var(--accent-silver);
  white-space: pre-wrap;
}

/* Custom Validation Card styling inside the glassmorphic overlay frame */
.noqoro-discover-overlay-frame .noqoro-terminal-shell {
  height: 100%;
  border: none;
  box-shadow: none;
  background: transparent;
}

.noqoro-discover-overlay-frame .noqoro-terminal-body {
  height: calc(100% - 10px);
  display: flex;
  flex-direction: column;
}


.noqoro-discover-overlay-frame .noqoro-validate-dashboard {
  height: 100%;
  align-content: center;
}

.noqoro-discover-overlay-frame .noqoro-terminal-logs-view {
  height: 100%;
  min-height: 330px;
  overflow-y: hidden !important;
}

/* Colored CLI Run logs console */
.noqoro-logs-console .log-info {
  color: #64748b; /* slate gray */
}
.noqoro-logs-console .log-recon {
  color: var(--accent);
  font-weight: bold;
}
.noqoro-logs-console .log-test {
  color: #fbbf24; /* amber/yellow */
  font-weight: bold;
}
.noqoro-logs-console .log-fail {
  color: #f87171; /* soft red */
  font-weight: bold;
}
.noqoro-logs-console .log-pass {
  color: #34d399; /* emerald green */
  font-weight: bold;
}
.noqoro-logs-console .log-highlight {
  color: #f1f5f9; /* bright gray/white */
  font-weight: 600;
}
.noqoro-logs-console .log-cyan {
  color: var(--accent);
}
.noqoro-logs-console .log-yellow {
  color: #fbbf24;
}

/* 3.4 Defend Gateway and Code Editor styles */
.noqoro-defend-visual-wrap {
  width: 100%;
  max-width: 620px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 16px;
}

.noqoro-control-flow-diagram-wrap {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  height: 100%;
  width: 100%;
}

.noqoro-diagram-title {
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent-success);
}

.noqoro-gateway-svg {
  max-width: 540px;
  max-height: 340px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.noqoro-gateway-path {
  fill: none;
  stroke: rgba(255, 255, 255, 0.08);
}

.noqoro-gateway-path-safe {
  fill: none;
  stroke: rgba(0, 220, 163, 0.15);
  stroke-width: 1.5;
}

.noqoro-gateway-path-blocked {
  fill: none;
  stroke: rgba(255, 106, 46, 0.15);
  stroke-width: 1.5;
}

.noqoro-shield-node {
  filter: drop-shadow(0 0 8px rgba(0, 220, 163, 0.3));
}

.noqoro-gateway-label {
  font-size: 8px;
  font-weight: 700;
  fill: var(--muted-soft);
  font-family: monospace;
}

.noqoro-gateway-label.label-safe {
  fill: var(--accent-success);
}

.noqoro-gateway-label.label-blocked {
  fill: var(--accent-warning);
}

/* YAML policy editor */
.noqoro-policy-editor {
  border: 1px solid var(--border-bright);
  border-radius: var(--radius-lg);
  background: #04080d;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.noqoro-editor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 18px;
  background: rgba(10, 18, 30, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.noqoro-editor-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: monospace;
  font-size: 0.74rem;
}

.noqoro-editor-lang {
  color: var(--accent);
  font-weight: 800;
}

.noqoro-editor-filename {
  color: var(--accent-silver);
}

.noqoro-copy-btn {
  background: rgba(0, 229, 255, 0.08);
  border: 1px solid rgba(0, 229, 255, 0.2);
  color: var(--accent);
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.68rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

.noqoro-copy-btn:hover {
  background: #00e5ff;
  color: #050a10;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.3);
}

.noqoro-editor-body {
  padding: 16px 20px;
  overflow-x: auto;
}

.noqoro-policy-editor--full {
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.noqoro-editor-body--fill {
  flex-grow: 1;
}

.noqoro-editor-code {
  margin: 0;
  font-family: monospace;
  font-size: 0.76rem;
  line-height: 1.55;
  color: var(--accent-silver);
}

/* 3.5 Control Queue summary table */
.noqoro-control-queue {
  display: grid;
  gap: 8px;
  padding: 14px 18px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  background: rgba(7, 15, 23, 0.82);
  margin-top: 14px;
  width: 100%;
  max-width: 620px;
}

.noqoro-control-queue--full {
  height: 100%;
  max-width: 100%;
  margin-top: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
  padding: 18px 20px;
}

.noqoro-control-queue-title {
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-success);
}

.noqoro-control-queue-item {
  display: grid;
  grid-template-columns: 1.1fr 1.3fr 0.8fr 0.8fr;
  gap: 12px;
  align-items: center;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.015);
  font-size: 0.78rem;
  color: var(--accent-silver);
}

.noqoro-control-queue-item strong {
  color: var(--text);
  font-weight: 600;
}

.noqoro-control-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
}

.noqoro-control-status-badge.status-enforced {
  color: var(--accent-success);
  background: rgba(0, 220, 163, 0.08);
  border: 1px solid rgba(0, 220, 163, 0.2);
}

.noqoro-control-status-badge.status-routed {
  color: var(--accent);
  background: rgba(0, 229, 255, 0.08);
  border: 1px solid rgba(0, 229, 255, 0.2);
}


/* --- Start of components/product-features.css --- */
/* 4. Metrics Grid */
.noqoro-metrics-section {
  padding-bottom: clamp(62px, 8vh, 96px);
}

.noqoro-metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.noqoro-metric-tile {
  display: grid;
  gap: 8px;
  padding: 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  background: rgba(12, 19, 30, 0.62);
  backdrop-filter: blur(10px);
  transition: all 0.25s ease;
}

.noqoro-metric-tile:hover {
  border-color: rgba(0, 229, 255, 0.22);
  transform: translateY(-2px);
}

.noqoro-metric-num {
  font-size: clamp(2rem, 3.5vw, 3.4rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--accent);
}

.noqoro-metric-tile:nth-child(2n) .noqoro-metric-num {
  color: var(--accent-3);
}

.noqoro-metric-tile:nth-child(3n) .noqoro-metric-num {
  color: var(--accent-success);
}

.noqoro-metric-label {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
}

/* 5. Risk Categories Section */
.noqoro-risk-groups {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}

.noqoro-risk-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 24px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  background: linear-gradient(145deg, rgba(16, 28, 46, 0.65), rgba(8, 15, 26, 0.4));
  backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  height: 100%;
}

.noqoro-risk-badge-3d {
  position: absolute;
  top: -14px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, rgba(16, 26, 42, 0.95), rgba(8, 14, 24, 0.95));
  border-radius: 6px;
  box-shadow: 
    0 8px 20px rgba(0, 0, 0, 0.5), 
    0 0 12px rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(8px);
  z-index: 10;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Severity-specific borders and glows for the 3D badges */
.severity-critical .noqoro-risk-badge-3d {
  border: 1px solid rgba(255, 71, 87, 0.35);
  box-shadow: 
    0 8px 20px rgba(0, 0, 0, 0.6), 
    0 0 15px rgba(255, 71, 87, 0.15);
}

.severity-high .noqoro-risk-badge-3d {
  border: 1px solid rgba(245, 158, 11, 0.35);
  box-shadow: 
    0 8px 20px rgba(0, 0, 0, 0.6), 
    0 0 15px rgba(245, 158, 11, 0.15);
}

/* Elevate the 3D badge on hover */
.noqoro-risk-card:hover .noqoro-risk-badge-3d {
  transform: translateY(-3px);
}

.noqoro-risk-card.severity-critical:hover .noqoro-risk-badge-3d {
  border-color: rgba(255, 71, 87, 0.6);
  box-shadow: 
    0 12px 24px rgba(0, 0, 0, 0.7), 
    0 0 20px rgba(255, 71, 87, 0.3);
}

.noqoro-risk-card.severity-high:hover .noqoro-risk-badge-3d {
  border-color: rgba(245, 158, 11, 0.6);
  box-shadow: 
    0 12px 24px rgba(0, 0, 0, 0.7), 
    0 0 20px rgba(245, 158, 11, 0.3);
}

.noqoro-risk-card:hover {
  transform: translateY(-5px);
  background: linear-gradient(145deg, rgba(24, 42, 68, 0.75), rgba(12, 22, 38, 0.5));
}

/* Hover glow effects based on card severity classes */
.noqoro-risk-card.severity-critical:hover {
  border-color: rgba(255, 71, 87, 0.45);
  box-shadow: 0 12px 30px rgba(255, 71, 87, 0.14), 0 0 1px rgba(255, 71, 87, 0.2);
}

.noqoro-risk-card.severity-high:hover {
  border-color: rgba(245, 158, 11, 0.45);
  box-shadow: 0 12px 30px rgba(245, 158, 11, 0.14), 0 0 1px rgba(245, 158, 11, 0.2);
}

.noqoro-risk-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

/* Severity Tag Badge */
.noqoro-severity-tag {
  font-size: 0.65rem !important;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 71, 87, 0.1);
  border: 1px solid rgba(255, 71, 87, 0.3);
  color: #ff4757 !important;
}

/* Pulse dot inside Critical badge */
.noqoro-severity-tag::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #ff4757;
  border-radius: 50%;
  box-shadow: 0 0 8px #ff4757;
}

.noqoro-risk-card:nth-child(3) .noqoro-severity-tag {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
  color: #f59e0b !important;
}

.noqoro-risk-card:nth-child(3) .noqoro-severity-tag::before {
  background: #f59e0b;
  box-shadow: 0 0 8px #f59e0b;
}

/* Enforced Status Badge */
.noqoro-risk-status-tag {
  font-size: 0.65rem !important;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(46, 204, 113, 0.1);
  border: 1px solid rgba(46, 204, 113, 0.3);
  color: #2ecc71 !important;
}

.noqoro-risk-status-tag::before {
  content: '✓';
  font-weight: bold;
  font-size: 0.68rem;
}

.noqoro-risk-description {
  margin: 6px 0 0 0;
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--muted);
}

.noqoro-risk-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.noqoro-risk-icon-wrapper svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.noqoro-risk-icon-wrapper--critical {
  color: #ff4757;
}

.noqoro-risk-icon-wrapper--warning {
  color: #f59e0b;
}

.noqoro-risk-details {
  width: 100%;
}

.noqoro-risk-title {
  margin: 0 0 8px 0;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text);
}

/* 6. Framework Alignment */
.noqoro-framework-alignment {
  padding-bottom: clamp(62px, 8vh, 96px);
}

.noqoro-framework-band {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
  padding: 26px 44px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border);
  background: linear-gradient(90deg, rgba(12, 19, 30, 0.6) 0%, rgba(7, 12, 22, 0.8) 100%);
}

.noqoro-framework-item {
  font-size: 1.08rem;
  font-weight: 750;
  letter-spacing: 0.14em;
  color: var(--muted-soft);
  text-transform: uppercase;
  transition: color 0.25s ease;
}

.noqoro-framework-item:hover {
  color: var(--accent);
  text-shadow: 0 0 12px rgba(210, 252, 163, 0.32);
}

/* 7. Governance / Evidence Output */
.noqoro-evidence-section {
  padding-bottom: 32px;
}

.noqoro-evidence-pack {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(0, 229, 255, 0.2);
  background: linear-gradient(180deg, rgba(10, 18, 30, 0.85) 0%, rgba(5, 10, 18, 0.95) 100%);
  box-shadow: 
    0 24px 64px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  overflow: hidden;
}

.noqoro-evidence-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 16px;
}

.noqoro-evidence-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

.noqoro-evidence-badge {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #031018;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-3) 100%);
  padding: 4px 10px;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.25);
}

.noqoro-evidence-stamp {
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--muted-soft);
  font-family: monospace;
}

.noqoro-evidence-download-btn {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  color: var(--text);
  font-family: inherit;
  font-size: 0.76rem;
  font-weight: 600;
  padding: 6px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.25s ease;
}

.noqoro-evidence-download-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

/* Governance Breakdown Report Grid */
.noqoro-evidence-summary-bar {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  padding-bottom: 14px;
}

.summary-label {
  font-size: 0.64rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 0.12em;
}

.noqoro-evidence-score-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.evidence-val-high {
  font-size: 1.1rem;
  color: var(--accent-success) !important;
  font-weight: 700 !important;
}

.noqoro-evidence-bar-track {
  flex-grow: 1;
  height: 6px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
  overflow: hidden;
}

.noqoro-evidence-bar-fill {
  height: 100%;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(0, 220, 163, 0.4);
}

.noqoro-governance-breakdown-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 4px;
}

.noqoro-governance-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.col-title {
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.strengths-title {
  color: var(--accent-success);
}

.gaps-title {
  color: var(--accent-warning);
}

.col-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.col-item {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 0.76rem;
  line-height: 1.35;
  color: var(--accent-silver);
}

.col-icon {
  flex-shrink: 0;
  margin-top: 2px;
}

.icon-success {
  color: var(--accent-success);
}

.icon-warning {
  color: var(--accent-warning);
}

/* 8. Final CTA (Obsolete Premium Macbook styles removed, utilizing unified cta.css) */

/* ==========================================================================
   RESPONSIVE LAYOUTS
   ========================================================================== */

@media (max-width: 1100px) {
  .noqoro-platform-intro {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 48px;
    margin-bottom: 56px;
  }

  .noqoro-platform-intro-copy {
    align-items: center;
  }

  .noqoro-platform-hero-actions {
    justify-content: center;
  }

  .noqoro-platform-loop-visual {
    justify-self: center;
    max-width: 440px;
  }

  .noqoro-posture-timeline {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 32px 20px;
  }

  .noqoro-timeline-line {
    display: none; /* Hide connecting line on complex layouts */
  }

  .noqoro-platform-capability {
    grid-template-columns: 1fr !important;
    gap: 42px;
    margin-bottom: 96px;
    text-align: center;
    min-width: 0;
  }

  .noqoro-platform-capability-copy {
    align-items: center;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .noqoro-platform-capability-visual {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .noqoro-platform-capability:nth-of-type(even) .noqoro-platform-capability-copy {
    order: 1;
  }

  .noqoro-platform-capability:nth-of-type(even) .noqoro-platform-capability-visual {
    order: 2;
  }

  /* Obsolete premium cta responsive styles removed */

  .noqoro-metrics-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .noqoro-risk-groups {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 760px) {
  body.noqoro-nexa-page .noqoro-page-shell > main > .noqoro-loop-details-section:first-child {
    --noqoro-section-pad-top: 22px;
  }

  .noqoro-posture-heading {
    margin-bottom: 36px;
  }

  .noqoro-posture-timeline {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 24px;
    margin-bottom: 56px;
  }

  .noqoro-posture-step {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 20px;
  }

  .noqoro-posture-icon-wrap {
    margin-bottom: 0;
    flex-shrink: 0;
  }

  .noqoro-posture-desc {
    max-width: none;
  }

  .noqoro-timeline-line {
    display: block;
    left: 54px;
    right: auto;
    top: 62px;
    bottom: 62px;
    width: 2px;
    height: auto;
  }

  .noqoro-discover-offset {
    padding-top: 42px;
  }

  .noqoro-discover-offset::before {
    top: -132px;
  }

  .noqoro-framework-band {
    flex-direction: column;
    gap: 20px;
    padding: 24px;
  }

  .noqoro-control-queue-item {
    grid-template-columns: 1fr;
    gap: 8px;
    justify-items: center;
    text-align: center;
  }

  .noqoro-validate-dashboard {
    grid-template-columns: 1fr;
  }

  .noqoro-validate-gauge-col {
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    padding-top: 24px;
  }

  .noqoro-browser-overlay-frame {
    width: 100% !important;
    max-width: min(100%, calc(100vw - 40px)) !important;
    aspect-ratio: auto !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box !important;
  }

  .noqoro-browser-tabs-header {
    gap: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .noqoro-tabs-3-cols,
  .noqoro-tabs-gov {
    min-width: 0 !important;
    width: min(100%, 260px);
  }

  .noqoro-tabs-3-cols .noqoro-browser-tab-btn,
  .noqoro-tabs-gov .noqoro-browser-tab-btn {
    min-width: 0;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 0.58rem;
    white-space: normal;
    line-height: 1;
  }

  .noqoro-browser-overlay-content {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    padding: 16px !important;
  }

  .noqoro-discover-saas-layout {
    padding: 16px 0 0 0 !important;
    height: auto !important;
  }

  .noqoro-discover-surface-map {
    height: auto !important;
    aspect-ratio: 1.1 / 1 !important;
  }
}

@media (max-width: 520px) {
  .noqoro-metrics-grid {
    grid-template-columns: 1fr;
  }
}


/* --- Start of components/product-mockups.css --- */
/* ==========================================================================
   Capability Visual Browser Overlay Frame Styles
   ========================================================================== */

.noqoro-browser-overlay-frame {
  position: relative;
  width: 100%;
  max-width: 680px;
  aspect-ratio: 1.45;
  border-radius: var(--radius-md);
  overflow: visible;
  border: none;
  background: transparent;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.noqoro-browser-overlay-frame::before,
.noqoro-browser-overlay-frame::after {
  display: none !important;
}

/* Macbook-style top-bar header with tabs */
.noqoro-browser-tabs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 0 16px;
  background: rgba(10, 18, 30, 0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-sm);
  margin-bottom: 20px;
  z-index: 10;
  box-shadow: 
    0 4px 20px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.noqoro-browser-dots {
  display: flex;
  gap: 6px;
}

.noqoro-browser-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
}

.noqoro-browser-dots .dot-red { background: #ff5f56; }
.noqoro-browser-dots .dot-yellow { background: #ffbd2e; }
.noqoro-browser-dots .dot-green { background: #27c93f; }

.noqoro-browser-tabs {
  display: flex;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  padding: 2px;
  position: relative;
  isolation: isolate;
  height: 24px;
  align-items: center;
  box-sizing: border-box;
}

.noqoro-browser-tabs-slider {
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  width: calc(50% - 2px);
  background: rgba(0, 229, 255, 0.11);
  border: 1px solid rgba(0, 229, 255, 0.18);
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  transition: transform 0.28s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
  z-index: 1;
}

.noqoro-browser-tabs.show-right .noqoro-browser-tabs-slider {
  transform: translateX(100%);
}

.noqoro-browser-tab-btn {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.55);
  padding: 2px 12px;
  font-size: 0.7rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  border-radius: 3px;
  transition: color 0.2s ease;
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.noqoro-browser-tab-btn:hover {
  color: var(--accent) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.noqoro-browser-tab-btn.active {
  color: var(--accent);
}

.noqoro-browser-tab-btn--static {
  pointer-events: none;
}

.noqoro-browser-bg-screenshot {
  position: absolute;
  top: 38px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-size: cover;
  background-position: top center;
  opacity: 0.07;
  filter: blur(16px);
  mask-image: radial-gradient(circle at center, black 40%, transparent 85%);
  -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 85%);
  transition: opacity 0.5s ease, transform 0.5s ease;
  z-index: 1;
  pointer-events: none;
  background-image: var(--noqoro-browser-bg-image, none);
}

.noqoro-browser-bg-screenshot--discover {
  --noqoro-browser-bg-image: url('../../assets/images/ai_discovery_recon.png');
}

.noqoro-browser-bg-screenshot--validate {
  --noqoro-browser-bg-image: url('../../assets/images/attack_validation.png');
}

.noqoro-browser-bg-screenshot--defend {
  --noqoro-browser-bg-image: url('../../assets/images/policy_controls.png');
}

.noqoro-browser-bg-screenshot--comply {
  --noqoro-browser-bg-image: url('../../assets/images/governance_ready_report.png');
}

.noqoro-browser-bg-screenshot--telemetry {
  --noqoro-browser-bg-image: url('../../assets/images/telemetry_dashboard_preview.png');
}

.noqoro-browser-overlay-frame:hover .noqoro-browser-bg-screenshot {
  opacity: 0.11;
  transform: scale(1.03);
}

.noqoro-browser-expand-btn {
  position: absolute;
  right: 16px;
  bottom: 16px;
  top: auto;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--text) !important;
  cursor: pointer;
  opacity: 0;
  transform: translateY(4px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 20;
}

.noqoro-browser-overlay-frame:hover .noqoro-browser-expand-btn {
  opacity: 1;
  transform: translateY(0);
}

.noqoro-browser-expand-btn:hover {
  background: #00e5ff !important;
  color: #03060a !important;
  border-color: #00e5ff !important;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.5) !important;
  transform: scale(1.08) translateY(0) !important;
}

.noqoro-browser-expand-btn svg {
  display: block;
}

.noqoro-browser-overlay-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  pointer-events: none;
}

.noqoro-browser-overlay-content * {
  pointer-events: auto;
}

/* Discover panes and transition styling */
.noqoro-discover-pane {
  display: none;
  width: 100%;
  height: 100%;
}

.noqoro-discover-pane.active {
  display: block;
  animation: fadeInPane 0.35s ease forwards;
}

@keyframes fadeInPane {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.noqoro-discover-screen-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(10, 18, 30, 0.95);
  box-shadow: 
    0 24px 64px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.noqoro-discover-platform-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Subdomain labels glow styling */
.noqoro-discover-surface-map text {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  transform-box: fill-box;
  transform-origin: center;
}

.noqoro-discover-surface-map text.active-text-glow {
  fill: var(--accent-warning) !important;
  font-weight: bold !important;
  filter: drop-shadow(0 0 6px rgba(255, 106, 46, 0.85));
  transform: scale(1.15);
}

/* Screenshot Lightbox Modal */
.noqoro-platform-image-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  animation: modalFadeIn 0.3s ease forwards;
}

.noqoro-platform-image-modal[hidden] {
  display: none !important;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.noqoro-platform-image-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 6, 12, 0.85);
  backdrop-filter: blur(12px);
  z-index: 1;
}

.noqoro-platform-image-modal-close {
  position: absolute;
  top: 30px;
  right: 40px;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  z-index: 3;
}

.noqoro-platform-image-modal-close:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  transform: rotate(90deg);
}

.noqoro-platform-image-modal-content {
  position: relative;
  z-index: 2;
  max-width: 90vw;
  max-height: 85vh;
  border-radius: var(--radius-sm);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.8);
  animation: modalImgScale 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes modalImgScale {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}

.noqoro-platform-image-modal-content img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 85vh;
  object-fit: contain;
}

body.noqoro-platform-modal-open {
  overflow: hidden;
}

/* ==========================================================================
   Professional Micro-Animations & Interactivity
   ========================================================================== */

.noqoro-shield-pulse-ring {
  fill: none;
  stroke: var(--accent-success);
  stroke-width: 1.2;
  opacity: 0;
  transform-origin: 0 0;
  animation: shieldRipple 2.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}

@keyframes shieldRipple {
  0% {
    r: 16px;
    opacity: 0.85;
  }
  100% {
    r: 38px;
    opacity: 0;
  }
}

.noqoro-logs-console::after {
  content: '_';
  color: var(--accent);
  animation: blinkCursor 0.8s step-end infinite;
  display: inline-block;
  margin-left: 2px;
}

@keyframes blinkCursor {
  50% {
    opacity: 0;
  }
}

.noqoro-recon-flow-svg path {
  transition: stroke 0.3s cubic-bezier(0.16, 1, 0.3, 1), stroke-width 0.3s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease;
  cursor: pointer;
}

.noqoro-recon-flow-svg path.noqoro-recon-path-threat:hover {
  stroke: var(--accent-warning);
  stroke-width: 2.5px;
  filter: drop-shadow(0 0 6px rgba(255, 106, 46, 0.6));
}

.noqoro-recon-flow-svg path.noqoro-recon-path-safe:hover {
  stroke: #00e5ff;
  stroke-width: 2.5px;
  filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.6));
}

.noqoro-pulse-particle {
  animation: particleFadePulse 4s ease-in-out infinite alternate;
  transform-origin: center;
}

.noqoro-pulse-particle:nth-of-type(even) {
  animation-delay: 2s;
}

@keyframes particleFadePulse {
  0% {
    opacity: 0.2;
    r: 2px;
  }
  100% {
    opacity: 0.8;
    r: 4.5px;
  }
}

/* Custom styling for full-pane Asset Inspector */
.noqoro-inspector-full-wrapper {
  width: 100%;
  height: 100%;
  padding: 40px 16px 16px 16px;
  box-sizing: border-box;
}

.noqoro-map-details-card.full-pane-card {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  pointer-events: auto !important;
}

.noqoro-map-details-card.full-pane-card .noqoro-details-body {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  flex: 1 !important;
  overflow-y: auto !important;
}

.noqoro-map-details-card.full-pane-card .noqoro-details-meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
}

.noqoro-map-details-card.full-pane-card .noqoro-card-title {
  font-size: 1.15rem !important;
  margin: 10px 0 6px !important;
}

.noqoro-map-details-card.full-pane-card .noqoro-card-desc {
  font-size: 0.86rem !important;
  line-height: 1.5 !important;
}

/* Custom card scaling rules for Recon, Defend, and Comply inside glassmorphic frames */
.noqoro-discover-overlay-frame .noqoro-recon-visual-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.noqoro-discover-overlay-frame .noqoro-recon-flow-svg {
  width: 100%;
  height: auto;
  max-height: 310px;
}

.noqoro-discover-overlay-frame .noqoro-browser-overlay-content {
  display: flex;
  flex-direction: column;
}

.noqoro-discover-overlay-frame .noqoro-defend-visual-wrap {
  flex-grow: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 16px;
  align-items: stretch;
}

.noqoro-discover-overlay-frame .noqoro-policy-editor {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.noqoro-discover-overlay-frame .noqoro-editor-body {
  flex-grow: 1;
}

.noqoro-discover-overlay-frame .noqoro-evidence-pack {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ==========================================================================
   Light Mode Preview Section (NeuralTrust Style)
   ========================================================================== */
.noqoro-lightmode-preview-section {
  position: relative;
  isolation: isolate;
  scroll-margin-top: 112px;
}

.noqoro-lightmode-preview-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(180deg, rgba(6, 16, 31, 0.14), rgba(6, 16, 31, 0.76));
  background-repeat: no-repeat;
  background-position: center right;
  opacity: 0.24;
  pointer-events: none;
}


/* --- Start of components/product-showcase.css --- */
/* --- Split-Screen Showcase Layout --- */
.noqoro-showcase-split {
  display: grid;
  grid-template-columns: 1.1fr 1.3fr;
  gap: clamp(24px, 5vw, 64px);
  align-items: flex-start;
  padding: 0 24px;
  margin-top: 48px;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
}

.noqoro-showcase-menu-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.noqoro-showcase-menu {
  position: relative;
  padding-left: 28px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Vertical Timeline Line */
.noqoro-showcase-menu::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 1px;
}

/* Glowing Moving Indicator */
.noqoro-showcase-menu-indicator {
  position: absolute;
  left: 7px;
  width: 4px;
  height: 0;
  background: #00e5ff;
  box-shadow: 0 0 10px var(--accent);
  border-radius: 2px;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), height 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 2;
}

.noqoro-showcase-menu-item {
  padding: 14px 20px;
  cursor: pointer;
  background: transparent;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  border-radius: var(--radius-md);
}

.noqoro-showcase-menu-item:hover {
  background: rgba(0, 229, 255, 0.015);
}

.noqoro-showcase-menu-item.active {
  background: rgba(0, 229, 255, 0.03);
}

.noqoro-showcase-menu-item h3 {
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.45);
  margin: 0;
  letter-spacing: 0.01em;
  transition: color 0.3s ease;
}

.noqoro-showcase-menu-item:hover h3 {
  color: var(--accent);
}

.noqoro-showcase-menu-item.active h3 {
  color: #ffffff;
}

.noqoro-showcase-display {
  width: 100%;
  position: sticky;
  top: 100px;
  margin-top: -240px;
}

.noqoro-platform-preview-actions {
  display: none;
  margin-top: clamp(14px, 2vw, 24px);
  padding-left: 28px;
}

.noqoro-home-page .noqoro-platform-preview-actions {
  display: flex;
  justify-content: flex-start;
}

.noqoro-browser-header-spacer {
  flex-shrink: 0;
}

.noqoro-browser-header-spacer--sm {
  width: 36px;
}

.noqoro-browser-header-spacer--md {
  width: 48px;
}

.noqoro-lightmode-card {
  position: relative;
  width: 100%;
  border-radius: var(--radius-md);
  background: #ffffff;
  border: 1px solid rgba(0, 229, 255, 0.12);
  box-shadow: 
    0 32px 80px rgba(0, 0, 0, 0.15),
    0 0 60px rgba(0, 229, 255, 0.10);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.noqoro-lightmode-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 0 16px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: #f8fafc;
  transition: background-color 0.35s ease, border-color 0.35s ease;
}

.noqoro-browser-address-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  padding: 4px 16px;
  font-size: 0.72rem;
  color: var(--accent-silver);
  font-family: var(--font-mono, monospace);
  max-width: 320px;
  width: 100%;
  justify-content: center;
  box-sizing: border-box;
}

.noqoro-lightmode-pane-container {
  width: 100%;
  height: 580px !important;
  position: relative;
  background: #03060a;
  transition: background-color 0.35s ease;
  overflow: hidden;
}

@media (max-width: 768px) {
  .noqoro-lightmode-pane-container {
    height: 180px;
  }
}

.noqoro-browser-body {
  width: 100%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #03060a;
  transition: background-color 0.35s ease;
}

.noqoro-showcase-pane {
  display: none;
  width: 100%;
  height: 100%;
}

.noqoro-showcase-pane.active {
  display: block;
  animation: paneFadeIn 0.4s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes paneFadeIn {
  from {
    opacity: 0;
    transform: scale(0.99) translateY(2px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.noqoro-showcase-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  display: block;
  transition: opacity 0.35s ease;
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.noqoro-showcase-img.mode-light {
  display: none;
}

#lightmode-preview .noqoro-showcase-img.mode-light {
  display: block;
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.38);
}

#lightmode-preview .noqoro-showcase-img.mode-dark {
  display: none;
}

#lightmode-preview .noqoro-lightmode-card {
  background: #03060a !important;
  border-color: rgba(0, 229, 255, 0.18) !important;
  box-shadow: 
    0 32px 80px rgba(0, 0, 0, 0.9), 
    0 0 80px rgba(0, 229, 255, 0.18) !important;
}

#lightmode-preview .noqoro-lightmode-card-header {
  background: #080d16 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

#lightmode-preview .noqoro-lightmode-pane-container {
  background: #03060a !important;
}

.noqoro-showcase-expand-btn {
  background: rgba(15, 23, 42, 0.8) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.noqoro-showcase-expand-btn:hover {
  box-shadow: 0 0 16px rgba(146, 150, 248, 0.4) !important;
  color: var(--accent) !important;
}

/* Landing Page Hero browser mockup gradual fade-out override */
.noqoro-hero-browser-mockup .noqoro-browser-image-wrap {
  height: 580px !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 80%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 80%, transparent 100%) !important;
}

@media (max-width: 768px) {
  .noqoro-hero-browser-mockup {
    height: clamp(300px, 50vw, 450px) !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 85%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, #000 0%, #000 85%, transparent 100%) !important;
  }
  .noqoro-hero-browser-mockup .noqoro-browser-image-wrap {
    height: calc(100% - 40px) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .noqoro-hero-browser-mockup {
    height: clamp(320px, 65vw, 480px) !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 88%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, #000 0%, #000 88%, transparent 100%) !important;
  }
  .noqoro-hero-browser-mockup .noqoro-browser-image-wrap {
    height: calc(100% - 40px) !important;
  }
}

@media (max-width: 1024px) {
  .noqoro-showcase-split {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  
  .noqoro-showcase-menu-col {
    order: 2 !important;
  }
  
  .noqoro-showcase-menu::before {
    left: 4px !important;
  }
  
  .noqoro-showcase-menu-indicator {
    left: 3px !important;
  }
  
  .noqoro-showcase-display {
    order: 1 !important;
    position: static !important;
    margin-top: 0 !important;
  }

  .noqoro-platform-preview-actions {
    padding-left: 20px;
  }

  .noqoro-showcase-menu-item h3 {
    font-size: 0.86rem;
  }
}


/* Rectangular Toggle Styles (HUD/CLI Toggle with Common Wall) */
.noqoro-rectangular-toggle {
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: relative !important;
  display: flex !important;
  padding: 2px !important;
  isolation: isolate;
}

.noqoro-rectangular-toggle .noqoro-browser-tab-btn {
  border-radius: 4px !important;
  flex: 1 !important;
  text-align: center !important;
  padding: 4px 16px !important;
}

.noqoro-rectangular-toggle .noqoro-browser-tabs-slider {
  border-radius: 4px !important;
  width: calc(50% - 2px) !important;
}

.noqoro-tabs-3-cols .noqoro-browser-tabs-slider {
  width: calc(33.333% - 2px) !important;
}

.noqoro-discover-side-by-side {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

.noqoro-discover-map-area {
  width: 75% !important;
  flex: 0 0 75% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.noqoro-discover-inspector-area {
  width: 25% !important;
  flex: 0 0 25% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-left: 16px !important;
  box-sizing: border-box !important;
}

@media (max-width: 1024px) {
  .noqoro-discover-side-by-side {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
  }
  .noqoro-discover-map-area {
    width: 100% !important;
    flex: 0 0 auto !important;
  }
  .noqoro-discover-inspector-area {
    width: 100% !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    margin-top: 16px !important;
  }
}

/* Telemetry Section 2-Column Layout */
.noqoro-telemetry-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: stretch;
  padding: 0 24px;
  margin-top: 32px;
}

.noqoro-telemetry-left {
  display: flex;
  flex-direction: column;
}

.noqoro-telemetry-left .noqoro-metrics-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px;
  height: 100%;
  width: 100%;
}

.noqoro-telemetry-right {
  display: flex;
}

/* Dashboard Operations Card */
.noqoro-telemetry-dashboard-card {
  width: 100%;
  background: rgba(10, 18, 30, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-xl);
  padding: 24px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.4);
}

.noqoro-dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 14px;
  margin-bottom: 18px;
}

.noqoro-dashboard-title {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text);
}

.noqoro-dashboard-status-indicator {
  font-family: monospace;
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--accent-success);
  display: flex;
  align-items: center;
  gap: 6px;
}

.noqoro-dashboard-status-indicator .pulse-dot {
  width: 6px;
  height: 6px;
  background: var(--accent-success);
  border-radius: 50%;
  display: block;
  box-shadow: 0 0 8px var(--accent-success);
  animation: telemetryPulse 1.8s infinite;
}

@keyframes telemetryPulse {
  0% { transform: scale(0.9); opacity: 0.6; }
  50% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(0.9); opacity: 0.6; }
}

.noqoro-dashboard-widgets {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 16px;
  margin-bottom: 18px;
}

.widget-label {
  display: block;
  font-family: monospace;
  font-size: 0.65rem;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.noqoro-widget-gauge {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: var(--radius-lg);
  padding: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gauge-container {
  width: 65px;
  height: 65px;
  margin: 6px 0;
  position: relative;
}

.gauge-svg {
  width: 100%;
  height: 100%;
}

.gauge-bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.03);
  stroke-width: 8;
}

.gauge-value {
  fill: none;
  stroke: var(--accent-warning);
  stroke-width: 8;
  stroke-dasharray: 251.2;
  stroke-dashoffset: 155.7; /* 38% of 251.2 */
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: 50px 50px;
}

.gauge-text {
  font-size: 20px;
  font-weight: 700;
  fill: var(--text);
  text-anchor: middle;
}

.gauge-status {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--accent-warning);
}

.noqoro-widget-chart {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: var(--radius-lg);
  padding: 12px;
  display: flex;
  flex-direction: column;
}

.chart-container {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chart-svg {
  width: 100%;
  height: 65px;
  display: block;
}

.chart-line {
  fill: none;
  stroke: #00e5ff;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.chart-area {
  fill: url(#chart-gradient);
}

.noqoro-widget-feed {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: var(--radius-lg);
  padding: 14px;
}

.feed-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.feed-item {
  display: flex;
  gap: 12px;
  font-size: 0.72rem;
  line-height: 1.4;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}

.feed-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.feed-time {
  font-family: monospace;
  color: rgba(255, 255, 255, 0.35);
  flex-shrink: 0;
}

.feed-msg {
  color: rgba(255, 255, 255, 0.85);
}

.item-alert .feed-msg {
  color: #ff4d4d;
}

.item-warning .feed-msg {
  color: var(--accent-warning);
}

.item-success .feed-msg {
  color: var(--accent-success);
}

@media (max-width: 900px) {
  .noqoro-telemetry-container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .noqoro-telemetry-left .noqoro-metrics-grid {


/* --- Start of components/product-lightbox.css --- */
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .noqoro-telemetry-left .noqoro-metrics-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.noqoro-defend-overlay-content {
  padding: 16px 20px !important;
  box-sizing: border-box !important;
  height: 100%;
}

/* ==========================================================================
   Governance evidence toggle & PDF Preview Card Overlay
   ========================================================================== */
.noqoro-browser-overlay-frame[data-active-pane="gov-pdf-pane"] .noqoro-browser-bg-screenshot {
  opacity: 0 !important;
  display: none !important;
}

.noqoro-browser-overlay-frame[data-active-pane="gov-pdf-pane"] .noqoro-browser-body {
  background: transparent !important;
  z-index: 2 !important;
}

.noqoro-browser-overlay-frame[data-active-pane="gov-overview-pane"] .noqoro-browser-bg-screenshot {
  opacity: 0 !important;
  display: none !important;
}

/* PDF Preview Overlay */
.noqoro-pdf-preview-overlay {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  gap: 20px !important;
  box-sizing: border-box !important;
}

.noqoro-pdf-screenshot-preview {
  flex: 1.25 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--radius-md) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(0, 0, 0, 0.35) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 8px !important;
}

.noqoro-pdf-preview-img {
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

.noqoro-pdf-download-card {
  background: #03060a !important; /* Fully opaque background */
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: var(--radius-lg) !important;
  padding: 20px !important;
  text-align: center !important;
  max-width: 300px !important;
  flex: 0.75 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 100% !important;
  box-sizing: border-box !important;
  animation: scaleUpCard 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@media (max-width: 600px) {
  .noqoro-pdf-preview-overlay {
    flex-direction: column !important;
    gap: 16px !important;
    height: auto !important;
  }
  .noqoro-pdf-screenshot-preview {
    display: none !important;
  }
  .noqoro-pdf-download-card {
    max-width: 100% !important;
    width: 100% !important;
    flex: auto !important;
    padding: 24px !important;
  }
}

@keyframes scaleUpCard {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.noqoro-pdf-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(0, 229, 255, 0.1);
  border: 1px solid rgba(0, 229, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}

.noqoro-pdf-download-card h3 {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--text) !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
}

.noqoro-pdf-download-card p {
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  margin: 0 0 8px 0 !important;
}

.noqoro-pdf-download-btn {
  width: 100% !important;
  justify-content: center !important;
  padding: 10px 20px !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
}

.noqoro-pdf-download-btn svg {
  margin-right: 8px;
}

.noqoro-evidence-bar-fill--88 {
  width: 88%;
  background: var(--accent-success);
}

/* Dark Card Preview Mockup (Homepage) */
.noqoro-dark-card-preview {
  position: relative;
  width: 100%;
  border-radius: var(--radius-md);
  background: #03060a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 
    0 32px 80px rgba(0, 0, 0, 0.7),
    0 0 40px rgba(0, 229, 255, 0.03) !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.noqoro-dark-card-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 12px 18px;
  background: #080d16 !important;
}

.noqoro-dark-card-preview-body {
  width: 100%;
  height: auto;
  position: relative;
  background: #03060a !important;
  padding: 20px !important;
  box-sizing: border-box;
}

.noqoro-dark-card-preview img {
  width: 100%;
  height: auto;
  display: block;
}






/* ==========================================================================
   Antigravity Visual Adjustments: Widescreen Macbook Frames & Padding
   ========================================================================== */

/* Unified rectangular pills and tab buttons */
.noqoro-browser-tabs,
.noqoro-browser-tab-btn,
.noqoro-browser-tabs-slider,
.noqoro-rectangular-toggle {
  border-radius: 4px !important;
}

.noqoro-browser-tabs,
.noqoro-rectangular-toggle {
  height: 24px !important;
  max-height: 24px !important;
}

.noqoro-browser-tab-btn {
  padding: 2px 12px !important;
  font-size: 0.7rem !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}

.noqoro-tabs-3-cols {
  min-width: 290px !important;
}

.noqoro-tabs-gov {
  min-width: 240px !important;
}

@media (max-width: 760px) {
  .noqoro-tabs-3-cols,
  .noqoro-tabs-gov {
    min-width: 0 !important;
    width: min(100%, 260px) !important;
  }

  .noqoro-tabs-3-cols .noqoro-browser-tab-btn,
  .noqoro-tabs-gov .noqoro-browser-tab-btn {
    min-width: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 0.58rem !important;
    line-height: 1 !important;
    white-space: normal !important;
  }
}

/* Macbook-style top-bar header margin reset */
.noqoro-browser-tabs-header {
  margin-bottom: 0 !important;
}

/* Capability browser mockup card height and layout confinement */
.noqoro-browser-overlay-frame {
  height: 400px !important;
  aspect-ratio: auto !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(8, 14, 22, 0.65) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
  border-radius: var(--radius-md) !important;
}

.noqoro-terminal-shell--flat {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  height: 100% !important;
  max-width: none !important;
}

/* Browser mockup body container with uniform padding */
.noqoro-browser-overlay-frame .noqoro-browser-body {
  position: relative !important;
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  background: rgba(10, 18, 30, 0.45) !important;
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
  overflow: hidden !important;
}

/* Discover & Recon visual positioning and sizing */
.noqoro-discover-side-by-side {
  height: 100% !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 !important;
}

.noqoro-discover-map-area {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.noqoro-discover-surface-map {
  max-height: 100% !important;
  height: auto !important;
  width: auto !important;
  position: fixed;
}

.noqoro-discover-inspector-area {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

/* details card inside map */
.noqoro-map-details-card.full-pane-card {
  height: 100% !important;
  justify-content: center !important;
}

.noqoro-map-details-card.full-pane-card .noqoro-details-body {
  gap: 8px !important;
  justify-content: center !important;
}

.noqoro-map-details-card.full-pane-card .noqoro-card-title {
  font-size: 0.95rem !important;
  margin: 6px 0 4px !important;
}

.noqoro-map-details-card.full-pane-card .noqoro-card-desc {
  font-size: 0.74rem !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.noqoro-map-details-card.full-pane-card .noqoro-card-kicker,
.noqoro-map-details-card.full-pane-card .noqoro-card-status-value {
  font-size: 0.68rem !important;
}

/* CLI Live Logs styling to fit inside body */
.noqoro-discover-overlay-frame .noqoro-terminal-logs-view {
  min-height: 0px !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  padding: 16px !important;
  background: rgb(3, 6, 10) !important;
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
  border: none !important;
}

/* Align logs view container with the edges of the topnav bar */
.noqoro-discover-overlay-frame[data-active-pane="logs-pane"] .noqoro-discover-overlay-content {
  padding: 0 !important;
}

.noqoro-discover-overlay-frame[data-active-pane="logs-pane"] .noqoro-terminal-body,
.noqoro-discover-overlay-frame[data-active-pane="logs-pane"] #logs-pane {
  height: 100% !important;
}

.noqoro-logs-console {
  font-size: 0.68rem !important;
  line-height: 1.35 !important;
  padding: 0 !important;
}

/* Control Queue styling to fit inside body */
.noqoro-control-queue {
  padding: 10px 14px !important;
  gap: 6px !important;
  background: rgba(10, 18, 30, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: var(--radius-md) !important;
  height: 100% !important;
}

.noqoro-control-queue-title {
  font-size: 0.72rem !important;
  margin-bottom: 2px !important;
}

.noqoro-control-queue-item {
  padding: 5px 8px !important;
  font-size: 0.68rem !important;
  border-radius: 4px !important;
}

/* Governance Evidence Report styling to fit inside body */
.noqoro-evidence-pack {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border: none !important;
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
  background: rgba(10, 18, 30, 0.45) !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  gap: 8px !important;
}

/* Align evidence report card with the edges of the topnav bar */
.noqoro-discover-overlay-frame[data-active-pane="gov-overview-pane"] .noqoro-discover-overlay-content {
  padding: 0 !important;
}

.noqoro-discover-overlay-frame[data-active-pane="gov-overview-pane"] .noqoro-discover-pane#gov-overview-pane {
  height: 100% !important;
}

.noqoro-evidence-header {
  padding-bottom: 6px !important;
}

.noqoro-evidence-summary-bar {
  margin-top: 4px !important;
}

.noqoro-governance-breakdown-grid {
  gap: 10px !important;
  margin-top: 4px !important;
}

.noqoro-governance-col {
  padding: 6px 10px !important;
  border-radius: 6px !important;
}

.noqoro-governance-col .col-list {
  gap: 4px !important;
}

.noqoro-governance-col .col-item {
  font-size: 0.68rem !important;
}

.noqoro-evidence-badge {
  font-size: 0.62rem !important;
  padding: 2px 6px !important;
}

.noqoro-evidence-stamp {
  font-size: 0.68rem !important;
}

/* YAML editor height adjust */
.noqoro-discover-overlay-frame .noqoro-policy-editor {
  height: 100% !important;
}

.noqoro-discover-overlay-frame .noqoro-editor-body {
  height: 100% !important;
  padding: 10px !important;
  font-size: 0.68rem !important;
}

.noqoro-discover-overlay-frame .noqoro-editor-body pre,
.noqoro-discover-overlay-frame .noqoro-editor-body code {
  font-size: 0.68rem !important;
  line-height: 1.35 !important;
}

/* Responsive grid layouts for 6-column Threat Index Cards */
@media (max-width: 1200px) {
  .noqoro-risk-groups {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .noqoro-risk-groups {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .noqoro-risk-card {
    padding: 20px 16px !important;
  }
}

@media (max-width: 480px) {
  .noqoro-risk-groups {
    grid-template-columns: 1fr !important;
  }
}


/* --- Start of components/telemetry.css --- */
/* ==========================================================================
   Live Threat Telemetry Page Styles
   ========================================================================== */
.noqoro-telemetry-page {
  overflow-x: hidden;
}

.noqoro-telemetry-hero-section {
  position: relative;
  min-height: calc(100vh - 80px);
  padding: 100px 0 80px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

/* Main Container Shell */
.noqoro-telemetry-shell {
  position: relative;
  z-index: 5;
  max-width: var(--max-width);
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.noqoro-telemetry-header-block {
  text-align: center;
  max-width: 760px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.noqoro-telemetry-header-block h1 {
  font-size: clamp(2.4rem, 4vw, 3.8rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  margin: 0;
  line-height: 1.1;
}

.noqoro-telemetry-subtitle {
  font-size: clamp(1.02rem, 1.3vw, 1.22rem);
  color: var(--muted);
  line-height: 1.55;
  margin: 0;
}

/* Foreground Simulated SaaS Application Screen */
.noqoro-telemetry-saas-screen {
  width: 100%;
  max-width: 1080px;
  background: #020509;
  border: 1px solid rgba(0, 229, 255, 0.18);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 
    0 32px 80px rgba(0, 0, 0, 0.95),
    0 0 100px rgba(0, 229, 255, 0.18);
  display: flex;
  flex-direction: column;
}

.noqoro-browser-iframe-wrap {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
  background: #03060a;
  border-radius: 0 0 12px 12px;
}

.noqoro-browser-iframe {
  width: 1440px;
  height: 900px;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
}

.noqoro-telemetry-saas-screen .noqoro-browser-address-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  padding: 4px 16px;
  font-size: 0.72rem;
  color: var(--accent-silver);
  font-family: monospace;
  max-width: 240px;
  width: 100%;
  justify-content: center;
}

.noqoro-telemetry-status-badge {
  font-size: 0.68rem;
  font-weight: 800;
  color: var(--accent-warning);
  background: rgba(255, 106, 46, 0.08);
  border: 1px solid rgba(255, 106, 46, 0.2);
  padding: 4px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.05em;
  margin-left: auto;
}

/* Telemetry SaaS Layout */
.noqoro-telemetry-dashboard-body {
  display: grid;
  grid-template-columns: 200px 1fr;
  min-height: 520px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Left Sidebar styling */
.noqoro-telemetry-sidebar {
  background: #010306;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  padding: 24px 14px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.sidebar-brand {
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  color: #fff;
  padding-left: 10px;
}

.sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sidebar-nav .nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--accent-silver);
  text-decoration: none;
  border: 1px solid transparent;
  transition: all 0.22s ease;
}

.sidebar-nav .nav-item svg {
  color: inherit;
  opacity: 0.7;
}

.sidebar-nav .nav-item:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
}

.sidebar-nav .nav-item.active {
  background: rgba(0, 229, 255, 0.08);
  border-color: rgba(0, 229, 255, 0.15);
  color: var(--accent);
}

.sidebar-nav .nav-item.active svg {
  opacity: 1;
}

/* Main Dashboard panel styling */
.noqoro-telemetry-main-panel {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: #020509;
}

/* Metrics summary */
.telemetry-metrics-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.telemetry-metric-box {
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.metric-val {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: monospace;
}

.metric-lbl {
  font-size: 0.74rem;
  color: var(--muted-soft);
  font-weight: 550;
}

.text-neon-cyan { color: var(--accent); }
.text-neon-green { color: var(--accent-success); }
.text-neon-warning { color: var(--accent-warning); }
.text-neon-danger { color: #ff5f56; }

/* Widgets Grid */
.telemetry-widgets-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 20px;
}

.telemetry-widget-card {
  background: rgba(255, 255, 255, 0.012);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 330px;
}

.widget-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.widget-header h3 {
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

.badge-active {
  font-size: 0.64rem;
  font-weight: 700;
  color: var(--accent-success);
  background: rgba(0, 220, 163, 0.08);
  border: 1px solid rgba(0, 220, 163, 0.15);
  padding: 2px 8px;
  border-radius: 4px;
}

.widget-body {
  padding: 16px 18px;
  flex-grow: 1;
}

/* Event streaming list layout */
.event-stream-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 250px;
  overflow: hidden;
  position: relative;
}

.stream-row {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.76rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
  padding-bottom: 10px;
}

.stream-row:last-child {
  border-bottom: none;
}

.row-time {
  font-family: monospace;
  color: var(--muted-soft);
  font-size: 0.74rem;
}

.row-badge {
  font-size: 0.64rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 3px;
  min-width: 58px;
  text-align: center;
}

.badge-blocked {
  color: #ff5f56;
  background: rgba(255, 95, 86, 0.08);
  border: 1px solid rgba(255, 95, 86, 0.15);
}

.badge-warning {
  color: var(--accent-warning);
  background: rgba(255, 106, 46, 0.08);
  border: 1px solid rgba(255, 106, 46, 0.15);
}

.row-text {
  color: var(--accent-silver);
}

.row-text .highlight {
  color: #fff;
  font-weight: 600;
}

/* Animated sliding transition for newly loaded rows */
.new-row {
  animation: slideInRow 0.38s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes slideInRow {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Detail Widget styling */
.dashboard-widgets-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mini-chart-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  padding-bottom: 14px;
}

.widget-mini-title {
  font-size: 0.68rem;
  font-weight: 800;
  color: var(--muted-soft);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mini-chart-svg {
  width: 100%;
}

.telemetry-geographic-summary {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vector-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vector-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 0.74rem;
  color: var(--accent-silver);
}

.vector-item span:first-child {
  flex-grow: 1;
}

.bar-fill-track {
  width: 80px;
  height: 4px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
  overflow: hidden;
}

.fill-inner {
  height: 100%;
  border-radius: 2px;
}

.bg-neon-cyan {
  background: #00e5ff;
  box-shadow: 0 0 6px var(--accent);
}

.bg-neon-warning {
  background: var(--accent-warning);
  box-shadow: 0 0 6px var(--accent-warning);
}

.bg-neon-purple {
  background: var(--accent-purple);
  box-shadow: 0 0 6px var(--accent-purple);
}

.vector-pct {
  font-weight: 700;
  min-width: 32px;
  text-align: right;
}

/* Responsiveness overrides */
@media (max-width: 900px) {
  .noqoro-telemetry-dashboard-body {
    grid-template-columns: 1fr;
  }
  
  .noqoro-telemetry-sidebar {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
  }
  
  .sidebar-nav {
    flex-direction: row;
  }
  
  .telemetry-metrics-row {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .telemetry-widgets-grid {
    grid-template-columns: 1fr;
  }
}


/* --- Start of components/cookies.css --- */
/* ==========================================================================
   COOKIE CONSENT & PREFERENCES REDESIGN
   ========================================================================== */

.noqoro-cookie-consent {
  position: fixed;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 100;
  background: rgba(8, 14, 26, 0.985);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 14px 24px;
  box-shadow: 
    0 24px 64px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  width: auto;
  margin: 0;
}

.noqoro-cookie-consent[hidden],
.noqoro-cookie-modal[hidden] {
  display: none;
}

.noqoro-cookie-consent-copy {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 1 auto;
  margin-right: auto;
}

.noqoro-cookie-consent-icon-wrap {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255, 183, 77, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.noqoro-cookie-consent-check-badge {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #00dca3;
  color: #050d1a;
  font-size: 10px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #080e1a;
}

.noqoro-cookie-consent-text-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.noqoro-cookie-consent-text-block strong {
  color: var(--text);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.noqoro-cookie-consent-text-block p {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.86rem;
  line-height: 1.5;
}

.noqoro-cookie-consent-text-block p a {
  color: var(--accent);
  text-decoration: none;
  font-weight: 600;
}

.noqoro-cookie-consent-text-block p a:hover {
  text-shadow: 0 0 8px rgba(210, 252, 163, 0.4);
}

.noqoro-cookie-consent-link-sep {
  color: rgba(255, 255, 255, 0.2);
  margin: 0 6px;
}

.noqoro-cookie-consent-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.noqoro-cookie-btn-icon {
  flex-shrink: 0;
}

.noqoro-cookie-btn-accept {
  border: 1px solid #00e5ff;
  background: rgba(0, 229, 255, 0.06);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 8px;
  cursor: pointer;
  transition: .2s;
  font-size: 0.88rem;
}

.noqoro-cookie-btn-accept:hover {
  background: #00e5ff;
  color: #050d1a;
  box-shadow: 0 0 16px rgba(0, 229, 255, 0.4);
}

.noqoro-cookie-btn-reject,
.noqoro-cookie-btn-customize {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.85);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 8px;
  cursor: pointer;
  transition: .2s;
  font-size: 0.88rem;
}

.noqoro-cookie-btn-reject:hover,
.noqoro-cookie-btn-customize:hover {
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

.noqoro-cookie-consent-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #00dca3;
  font-size: 0.82rem;
  font-weight: 600;
  border: 1px solid rgba(0, 220, 163, 0.22);
  background: rgba(0, 220, 163, 0.05);
  border-radius: 8px;
  padding: 8px 14px;
  height: 38px;
  box-sizing: border-box;
  white-space: nowrap;
  flex-shrink: 0;
}

.noqoro-cookie-consent-language {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.82rem;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

.noqoro-cookie-consent-language span:hover {
  color: #ffffff;
}

.noqoro-cookie-consent-language-sep {
  color: rgba(255, 255, 255, 0.15);
}

/* Modal CSS details */
.noqoro-cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.noqoro-cookie-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 12, 0.82);
  backdrop-filter: blur(10px);
}

.noqoro-cookie-modal-panel {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 960px;
  background: #080e1a;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 24px clamp(16px, 3vw, 32px);
  box-shadow: 
    0 32px 80px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.noqoro-cookie-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.noqoro-cookie-modal-hero {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.noqoro-cookie-modal-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(0, 229, 255, 0.08);
  border: 1px solid rgba(0, 229, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 4px;
}

.noqoro-cookie-modal-title-desc {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.noqoro-cookie-modal-header h3 {
  margin: 0;
  color: var(--text);
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.2;
}

.noqoro-cookie-modal-header p {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.86rem;
  line-height: 1.5;
  max-width: 760px;
}

.noqoro-cookie-close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.04);
  cursor: pointer;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: .2s;
  flex-shrink: 0;
}

.noqoro-cookie-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

/* Modal Grid */
.noqoro-cookie-modal-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 28px;
}

.noqoro-cookie-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.noqoro-cookie-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 16px 20px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.04);
  transition: background 200ms ease;
}

.noqoro-cookie-option:not(.noqoro-cookie-option-static):hover {
  background: rgba(255, 255, 255, 0.03);
}

.noqoro-cookie-option-left {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.noqoro-cookie-opt-icon {
  flex-shrink: 0;
}

.noqoro-cookie-opt-icon-strictly {
  color: #00dca3;
}

.noqoro-cookie-opt-icon-functional,
.noqoro-cookie-opt-icon-performance {
  color: var(--accent);
}

.noqoro-cookie-opt-icon-targeting {
  color: #ff9100;
}

.noqoro-cookie-option-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.noqoro-cookie-option strong {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.94rem;
  font-weight: 600;
  color: #ffffff;
}

.noqoro-cookie-badge-always {
  background: rgba(0, 220, 163, 0.08);
  color: #00dca3;
  border: 1px solid rgba(0, 220, 163, 0.2);
  font-size: 0.68rem;
  font-weight: 600;
  padding: 1px 8px;
  border-radius: 4px;
}

.noqoro-cookie-option p {
  margin: 0;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.8rem;
  line-height: 1.45;
}

/* Custom Toggle Switch styling */
.noqoro-cookie-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
}

.noqoro-cookie-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.noqoro-cookie-switch-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.1);
  transition: .3s;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.noqoro-cookie-switch-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3.5px;
  background-color: #ffffff;
  transition: .3s;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.noqoro-cookie-switch input:checked + .noqoro-cookie-switch-slider {
  background-color: var(--accent);
  border-color: #00e5ff;
}

.noqoro-cookie-switch input:checked + .noqoro-cookie-switch-slider:before {
  transform: translateX(20px);
}

/* Lock state */
.noqoro-cookie-lock-icon {
  flex-shrink: 0;
  margin-right: 12px;
}

/* Note card */
.noqoro-cookie-note-card {
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: rgba(255, 255, 255, 0.01);
  border-radius: 10px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.noqoro-cookie-note-icon {
  color: rgba(255, 255, 255, 0.38);
  flex-shrink: 0;
}

.noqoro-cookie-note-card p {
  margin: 0;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.48);
  line-height: 1.45;
}

/* Modal Sidebar */
.noqoro-cookie-modal-side {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.noqoro-cookie-side-card {
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: rgba(255, 255, 255, 0.015);
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.noqoro-cookie-side-card strong {
  font-size: 0.88rem;
  font-weight: 600;
  color: #ffffff;
  display: block;
}

.noqoro-cookie-provider-subtitle {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.78rem;
  font-weight: 400;
  margin-left: 4px;
}

/* Provider Table layout */
.noqoro-cookie-provider-head {
  display: grid;
  grid-template-columns: 1fr auto;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.38);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 8px;
}

.noqoro-cookie-provider-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  font-size: 0.8rem;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.noqoro-cookie-provider-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.noqoro-cookie-provider-info {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.noqoro-cookie-provider-icon {
  flex-shrink: 0;
}

.noqoro-cookie-provider-info span {
  color: #ffffff;
  font-weight: 500;
}

.noqoro-cookie-provider-info small {
  color: rgba(255, 255, 255, 0.45);
  font-weight: 400;
  display: block;
  margin-top: 1px;
}

.noqoro-cookie-provider-row > span:last-child {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
}

/* Consent Record layout */
.noqoro-cookie-consent-record {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px 24px;
  align-items: center;
  font-size: 0.8rem;
}

.noqoro-cookie-consent-record > span:nth-child(odd) {
  color: rgba(255, 255, 255, 0.45);
}

.noqoro-cookie-consent-pill {
  background: rgba(0, 220, 163, 0.08);
  color: #00dca3;
  border: 1px solid rgba(0, 220, 163, 0.2);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 0.74rem;
  font-weight: 600;
  width: fit-content;
}

.noqoro-cookie-record-val {
  color: rgba(255, 255, 255, 0.75);
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.75rem;
}

/* Modal Footer */
.noqoro-cookie-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.78rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
  padding-top: 16px;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.45);
}

.noqoro-cookie-modal-footer-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.noqoro-cookie-check-badge {
  color: #00dca3;
  font-weight: 800;
}

.noqoro-cookie-modal-footer-right a {
  color: var(--accent);
  text-decoration: none;
  font-weight: 600;
  transition: .2s;
}

.noqoro-cookie-modal-footer-right a:hover {
  text-shadow: 0 0 8px rgba(210, 252, 163, 0.4);
}

.noqoro-cookie-modal-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}

.noqoro-cookie-modal-actions button {
  background: #00e5ff;
  color: #050d1a;
  border: none;
  font-weight: 700;
  padding: 10px 24px;
  border-radius: 6px;
  cursor: pointer;
  transition: .2s;
  font-size: 0.88rem;
}

.noqoro-cookie-modal-actions button:hover {
  background: #ffffff;
  color: #050d1a;
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.4);
}

/* ==========================================================================
   RESPONSIVE OVERRIDES
   ========================================================================== */

@media (max-width: 1100px) {
  .noqoro-cookie-consent {
    flex-direction: column;
    align-items: stretch;
  }

  .noqoro-cookie-consent-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 900px) {
  .noqoro-cookie-modal-panel {
    max-height: calc(100vh - 40px);
    overflow-y: auto;
  }
  
  .noqoro-cookie-modal-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .noqoro-cookie-modal-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  .noqoro-cookie-consent {
    left: 16px;
    right: 16px;
    bottom: 16px;
    padding: 16px;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  
  .noqoro-cookie-consent-copy {
    margin-right: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .noqoro-cookie-consent-actions {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  
  .noqoro-cookie-consent-actions button {
    width: 100%;
    justify-content: center;
  }
  
  .noqoro-cookie-consent-meta {
    justify-content: center;
    width: 100%;
  }
  
  .noqoro-cookie-consent-language {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 760px) {
  .noqoro-cookie-consent {
    left: 12px;
    right: 12px;
    padding: 16px;
    bottom: 12px;
    width: calc(100% - 24px);
    max-width: 430px;
    margin: 0 auto;
  }

  .noqoro-cookie-modal-panel {
    width: calc(100% - 24px);
    max-width: 430px;
    margin-top: 18px;
    padding: 18px;
  }

  .noqoro-cookie-option {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .noqoro-cookie-modal-actions {
    justify-content: stretch;
  }

  .noqoro-cookie-modal-actions button,
  .noqoro-cookie-modal-actions .noqoro-button,
  .noqoro-cookie-consent-actions .noqoro-button {
    width: 100%;
  }
}


/* --- Start of components/frameworks.css --- */
/* Security frameworks section */
.noqoro-frameworks-section {
  margin-top: -42px !important;
  margin-bottom: clamp(36px, 5vw, 64px);
}

.noqoro-frameworks-heading {
  max-width: none;
  margin-bottom: clamp(18px, 2.6vw, 28px);
  text-align: center;
}

.noqoro-frameworks-heading h2 {
  margin: 0;
  color: var(--accent);
  font-size: clamp(1.15rem, 1.85vw, 1.72rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-family: inherit;
  text-transform: none;
  text-align: center;
}

.noqoro-frameworks-logo-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: center;
  gap: clamp(10px, 1.2vw, 18px);
  width: 100%;
  padding: 10px 6px 8px;
}

.noqoro-frameworks-logo-item {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 96px;
  width: 100%;
}

.noqoro-frameworks-logo-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.68), transparent);
  pointer-events: none;
}

.noqoro-frameworks-logo {
  display: block;
  max-width: 100%;
  max-height: 62px;
  height: auto;
  object-fit: contain;
  filter: grayscale(1) brightness(1.04) contrast(0.98);
  opacity: 0.8;
  transition: filter 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.noqoro-frameworks-logo-owasp {
  width: clamp(116px, 11.5vw, 168px);
  max-height: 48px;
}

.noqoro-frameworks-logo-mitre {
  width: clamp(108px, 11vw, 160px);
  max-height: 56px;
  filter: grayscale(1) brightness(1.02) contrast(0.98);
}

.noqoro-frameworks-logo-nist {
  width: clamp(188px, 18vw, 272px);
  max-height: 64px;
}

.noqoro-frameworks-logo-iso {
  width: clamp(140px, 13vw, 200px);
  max-height: 50px;
}

.noqoro-frameworks-saif-group {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  max-width: 100%;
}

.noqoro-frameworks-logo-saif-text {
  width: clamp(148px, 15vw, 224px);
  margin: 0 auto;
  filter: grayscale(1) brightness(1.08) contrast(0.96);
  mix-blend-mode: normal;
  opacity: 0.84;
}

.noqoro-frameworks-logo-csa {
  width: clamp(116px, 11.5vw, 168px);
  filter: grayscale(1) brightness(1.06) contrast(0.96);
}

.noqoro-frameworks-logo-item:hover .noqoro-frameworks-logo,
.noqoro-frameworks-logo-item:focus-within .noqoro-frameworks-logo {
  filter: none;
  opacity: 1;
  transform: translateY(-1px);
}

.noqoro-frameworks-logo-item:hover .noqoro-frameworks-logo-saif-text,
.noqoro-frameworks-logo-item:focus-within .noqoro-frameworks-logo-saif-text,
.noqoro-frameworks-logo-item:hover .noqoro-frameworks-logo-csa,
.noqoro-frameworks-logo-item:focus-within .noqoro-frameworks-logo-csa {
  filter: none;
  opacity: 1;
}

.noqoro-frameworks-logo-item:hover .noqoro-frameworks-logo-iso,
.noqoro-frameworks-logo-item:focus-within .noqoro-frameworks-logo-iso {
  filter: none;
  opacity: 1;
}

@media (max-width: 1024px) {
  .noqoro-frameworks-logo-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 10px;
  }
}

@media (max-width: 640px) {
  .noqoro-frameworks-logo-row {
    grid-template-columns: 1fr 1fr;
    gap: 18px 16px;
  }

  .noqoro-frameworks-logo-item::after {
    display: none;
  }

}


/* --- Start of components/footer.css --- */
.noqoro-site-footer {
  margin-top: 40px;
  padding: 36px 0 16px;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #0c101a;
  color: #ffffff;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.32);
}

.noqoro-footer-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1.65fr) repeat(3, minmax(128px, 0.72fr)) minmax(142px, 0.7fr) minmax(42px, 0.24fr);
  column-gap: clamp(18px, 2.4vw, 34px);
  row-gap: 18px;
  align-items: start;
  width: min(calc(100% - 40px), var(--max-width));
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.noqoro-footer-brand,
.noqoro-footer-column {
  display: grid;
  gap: 10px;
}

.noqoro-footer-brand {
  max-width: 100%;
  padding: 0;
}

.noqoro-footer-column {
  padding-top: 20px;
}

.noqoro-footer-grid > .noqoro-footer-column:first-of-type {
  padding-left: 0;
}

.noqoro-footer-logo {
  width: min(205px, 100%);
  height: auto;
}

.noqoro-footer-brand p,
.noqoro-footer-column p,
.noqoro-footer-column a,
.noqoro-footer-bottom span {
  margin: 0;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.82rem;
  line-height: 1.58;
}

.noqoro-footer-brand p {
  max-width: none;
  padding-right: 0;
}

.noqoro-footer-column h3 {
  margin: 0 0 4px;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.noqoro-footer-column a:hover,
.noqoro-footer-column a:focus-visible {
  color: var(--accent);
}

.noqoro-footer-column a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.noqoro-footer-careers-tag {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 8px;
  border: 1px solid rgba(0, 229, 255, 0.34);
  border-radius: 999px;
  color: var(--accent);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
  background: rgba(0, 229, 255, 0.08);
}

.noqoro-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 18px;
  width: min(calc(100% - 40px), var(--max-width));
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  padding: 14px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  box-sizing: border-box;
}

.noqoro-footer-cookie-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
  transition: border-color 200ms ease, color 200ms ease, background 200ms ease;
}

.noqoro-footer-cookie-link::before {
  display: none !important;
}

.noqoro-footer-cookie-link svg {
  margin-right: 6px;
}

.noqoro-footer-cookie-link:hover,
.noqoro-footer-cookie-link:focus-visible {
  border-color: rgba(0, 229, 255, 0.3);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}

.noqoro-footer-column-social {
  justify-items: end;
  align-self: start;
  padding-top: 20px;
}

.noqoro-footer-social-list {
  display: grid;
  gap: 10px;
  justify-items: end;
}

.noqoro-footer-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  flex: 0 0 44px;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  border: 1px solid rgba(0, 229, 255, 0.28);
  border-radius: 50%;
  background: #00e5ff;
  color: #000000;
  overflow: hidden;
  line-height: 0;
  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.noqoro-footer-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: currentColor;
  flex: 0 0 auto;
}

.noqoro-footer-social-icon svg {
  width: 18px;
  height: 18px;
}

.noqoro-footer-social-icon svg,
.noqoro-footer-social-icon svg path {
  fill: #000000;
  stroke: #000000;
}

.noqoro-footer-social-link:hover .noqoro-footer-social-icon,
.noqoro-footer-social-link:focus-visible .noqoro-footer-social-icon {
  color: #000000;
}

.noqoro-footer-social-link:hover,
.noqoro-footer-social-link:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(0, 229, 255, 0.56);
  background: #8cfbff;
  color: #000000;
}

@media (max-width: 1180px) {
  .noqoro-footer-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .noqoro-footer-brand {
    grid-column: 1 / -1;
    max-width: 760px;
  }

  .noqoro-footer-column-social {
    justify-items: start;
  }

  .noqoro-footer-social-list {
    grid-auto-flow: column;
    justify-content: start;
    justify-items: start;
  }
}

@media (max-width: 760px) {
  .noqoro-site-footer {
    padding-top: 30px;
  }

  .noqoro-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 18px;
    padding: 0;
  }

  .noqoro-footer-brand {
    grid-column: 1 / -1;
  }

  .noqoro-footer-brand p {
    padding-right: 0;
  }

  .noqoro-footer-column {
    padding-top: 0;
  }

  .noqoro-footer-column-social {
    grid-column: 1 / -1;
    padding-top: 0;
  }

  .noqoro-footer-social-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }

  .noqoro-footer-bottom {
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 14px 0 0;
  }
}


/* --- Start of components/coming-soon.css --- */
/* Coming Soon Page */
.noqoro-coming-soon-section {
  min-height: clamp(620px, 72vh, 820px);
  display: grid;
  place-items: center;
  padding: clamp(96px, 11vw, 148px) clamp(22px, 5vw, 72px) clamp(72px, 9vw, 112px);
}

.noqoro-coming-soon-shell {
  width: min(100%, 1120px);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  padding: clamp(28px, 4.5vw, 54px);
  border: 1px solid rgba(125, 238, 255, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 0%, rgba(0, 229, 255, 0.08), transparent 34%),
    rgba(7, 20, 35, 0.86);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 24px 64px rgba(0, 0, 0, 0.28),
    0 0 34px rgba(0, 229, 255, 0.08);
}

.noqoro-coming-soon-copy h1 {
  margin: 12px 0 0;
  color: var(--text);
  font-size: clamp(2.7rem, 6vw, 5.5rem);
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.noqoro-coming-soon-subhead {
  max-width: 680px;
  margin: 24px 0 0;
  color: var(--text);
  font-size: clamp(1.08rem, 1.6vw, 1.35rem);
  line-height: 1.45;
}

.noqoro-coming-soon-support {
  max-width: 680px;
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.68;
}

.noqoro-coming-soon-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.noqoro-coming-soon-note {
  margin: 18px 0 0;
  color: rgba(223, 252, 255, 0.62);
  font-size: 0.9rem;
}

.noqoro-coming-soon-status {
  display: grid;
  gap: 12px;
}

.noqoro-coming-soon-status article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 62px;
  padding: 14px 16px;
  border: 1px solid rgba(125, 238, 255, 0.14);
  border-radius: 16px;
  background: rgba(4, 13, 22, 0.68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.noqoro-coming-soon-status span {
  color: var(--text);
  font-weight: 650;
}

.noqoro-coming-soon-status strong {
  color: var(--accent-success);
  font-size: 0.72rem;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .noqoro-coming-soon-shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .noqoro-coming-soon-section {
    padding-top: 82px;
  }

  .noqoro-coming-soon-shell {
    padding: 24px;
    border-radius: 20px;
  }

  .noqoro-coming-soon-status article {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}


/* --- Start of components/contact.css --- */
/* Contact Page styling */
.noqoro-contact-section {
  min-height: clamp(650px, 80vh, 950px);
  display: grid;
  place-items: center;
  padding: clamp(96px, 11vw, 148px) clamp(20px, 5vw, 72px) clamp(72px, 9vw, 112px);
}

.noqoro-contact-shell {
  width: min(100%, 1120px);
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1.05fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: stretch;
  padding: clamp(28px, 4.5vw, 54px);
  border: 1px solid rgba(125, 238, 255, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 0%, rgba(0, 229, 255, 0.08), transparent 34%),
    rgba(7, 20, 35, 0.86);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 24px 64px rgba(0, 0, 0, 0.28),
    0 0 34px rgba(0, 229, 255, 0.08);
}

.noqoro-contact-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.noqoro-contact-info h1 {
  margin: 12px 0 0;
  color: var(--text);
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  line-height: 1.05;
  letter-spacing: -0.05em;
  font-weight: 600;
}

.noqoro-contact-subhead {
  margin: 20px 0 32px;
  color: var(--muted);
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.55;
  max-width: 480px;
}

.noqoro-contact-details {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}

.noqoro-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.noqoro-contact-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(0, 229, 255, 0.2);
  background: rgba(0, 229, 255, 0.05);
  color: var(--accent);
  flex-shrink: 0;
}

.noqoro-contact-icon svg {
  width: 20px;
  height: 20px;
}

.noqoro-contact-text h3 {
  margin: 0 0 4px 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text);
}

.noqoro-contact-text p, 
.noqoro-contact-text a {
  margin: 0;
  font-size: 0.92rem;
  color: var(--muted);
  transition: color 0.2s;
}

.noqoro-contact-text a:hover {
  color: var(--accent);
}

.noqoro-contact-badge-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.noqoro-contact-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 12px;
  background: rgba(4, 13, 22, 0.4);
}

.noqoro-contact-badge span {
  font-size: 1.2rem;
}

.noqoro-contact-badge strong {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text);
}

/* Contact Form container card */
.noqoro-contact-form-container {
  background: rgba(4, 12, 22, 0.48);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
  padding: clamp(20px, 3.5vw, 36px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.noqoro-contact-calendar-embed {
  border: 0;
  width: 100%;
  height: 550px;
  border-radius: 12px;
  background: #ffffff;
}

.noqoro-contact-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.noqoro-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.noqoro-form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.noqoro-form-label {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text);
  letter-spacing: 0.02em;
}

.noqoro-form-label span {
  color: var(--accent-warning);
  margin-left: 2px;
}

.noqoro-form-input,
.noqoro-form-textarea {
  width: 100%;
  padding: 12px 16px;
  background: rgba(5, 12, 22, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  color: var(--text);
  font-family: inherit;
  font-weight: inherit;
  font-size: 0.92rem;
  outline: none;
  transition: border-color 0.25s, box-shadow 0.25s, background-color 0.25s;
}

.noqoro-form-input::placeholder,
.noqoro-form-textarea::placeholder {
  color: var(--muted-soft);
}

.noqoro-form-input:focus,
.noqoro-form-textarea:focus {
  border-color: #00e5ff;
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.2);
  background: rgba(5, 12, 22, 0.95);
}

.noqoro-form-textarea {
  resize: vertical;
  min-height: 110px;
}

/* Form validation states styling */
.noqoro-form-error {
  display: none;
  font-size: 0.76rem;
  color: var(--accent-warning-soft);
  margin-top: 2px;
}

.noqoro-form-input:user-invalid,
.noqoro-form-textarea:user-invalid {
  border-color: var(--accent-warning);
  box-shadow: 0 0 10px rgba(255, 106, 46, 0.12);
  background: rgba(18, 9, 9, 0.45);
}

.noqoro-form-input:user-invalid ~ .noqoro-form-error,
.noqoro-form-textarea:user-invalid ~ .noqoro-form-error {
  display: block;
}

.noqoro-form-input:user-valid,
.noqoro-form-textarea:user-valid {
  border-color: var(--accent-success);
  box-shadow: 0 0 8px rgba(0, 220, 163, 0.08);
}

.noqoro-form-submit-btn {
  width: 100%;
  cursor: pointer;
  border: none;
  padding: 14px 20px;
  font-size: 0.95rem;
  margin-top: 10px;
  transition: transform 0.2s, filter 0.2s, box-shadow 0.2s;
}

/* Success Overlay / Modal */
.noqoro-success-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(2, 6, 12, 0.85);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.noqoro-success-overlay.is-active {
  opacity: 1;
  pointer-events: all;
}

.noqoro-success-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 220, 163, 0.1), transparent 45%),
    #09111c;
  border: 1px solid rgba(0, 220, 163, 0.25);
  border-radius: 24px;
  padding: 40px clamp(20px, 5vw, 48px);
  max-width: 500px;
  width: 100%;
  text-align: center;
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.5),
    0 0 34px rgba(0, 220, 163, 0.06);
  transform: scale(0.92);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.noqoro-success-overlay.is-active .noqoro-success-card {
  transform: scale(1);
}

.noqoro-success-icon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(0, 220, 163, 0.08);
  border: 2px solid var(--accent-success);
  color: var(--accent-success);
  margin-bottom: 24px;
  box-shadow: 0 0 20px rgba(0, 220, 163, 0.18);
  animation: pulse-success 2s infinite;
}

.noqoro-success-icon-container svg {
  width: 32px;
  height: 32px;
}

.noqoro-success-card h2 {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 12px 0;
  letter-spacing: -0.02em;
}

.noqoro-success-card p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--muted);
  margin: 0 0 28px 0;
}

.noqoro-success-close-btn {
  cursor: pointer;
  padding: 12px 28px;
  border-radius: 10px;
  font-size: 0.92rem;
}

@keyframes pulse-success {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 220, 163, 0.4);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(0, 220, 163, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 220, 163, 0);
  }
}


/* Tabs Styling */
.noqoro-contact-tabs {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 24px;
  padding-bottom: 12px;
}

.noqoro-contact-tab {
  background: transparent;
  border: 1px solid transparent;
  color: var(--muted);
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.88rem;
  transition: color 0.25s, background-color 0.25s, border-color 0.25s, box-shadow 0.25s;
}

.noqoro-contact-tab:hover {
  color: var(--text);
  background: rgba(255, 255, 255, 0.03);
}

.noqoro-contact-tab.active {
  color: var(--accent);
  background: rgba(0, 229, 255, 0.06);
  border-color: rgba(0, 229, 255, 0.18);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.06);
}

.noqoro-contact-panel {
  display: none;
  animation: fade-in-panel 0.3s ease;
}

.noqoro-contact-panel.active {
  display: block;
}

@keyframes fade-in-panel {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsiveness */
@media (max-width: 900px) {
  .noqoro-contact-shell {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 560px) {
  .noqoro-contact-section {
    padding-top: 88px;
  }

  .noqoro-contact-shell {
    padding: 24px;
    border-radius: 20px;
  }

  .noqoro-form-row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}


/* --- Start of components/pricing.css --- */
/* Pricing Page Styling */
.noqoro-pricing-section {
  width: min(calc(100% - 40px), var(--max-width));
  margin: 0 auto;
  padding: clamp(96px, 11vw, 148px) 0 clamp(72px, 9vw, 112px);
}

.noqoro-pricing-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto clamp(42px, 5vw, 58px);
}

.noqoro-pricing-intro h1 {
  margin: 0;
  font-size: clamp(2.45rem, 4.7vw, 4rem);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.02;
  color: var(--text);
}

.noqoro-pricing-subhead {
  max-width: 68ch;
  margin: 18px auto 0;
  font-size: clamp(0.98rem, 1.18vw, 1.12rem);
  color: var(--muted);
  line-height: 1.64;
}

/* Pricing Grid */
.noqoro-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  align-items: stretch;
  margin-bottom: 64px;
}

.noqoro-pricing-card {
  position: relative;
  background: rgba(7, 20, 35, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  padding: clamp(28px, 2.6vw, 38px) clamp(22px, 2.3vw, 32px);
  display: flex;
  flex-direction: column;
  box-shadow: 
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 16px 36px rgba(0, 0, 0, 0.2);
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.noqoro-pricing-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 229, 255, 0.25);
  box-shadow: 
    0 24px 48px rgba(0, 0, 0, 0.3),
    0 0 24px rgba(0, 229, 255, 0.06);
}

/* Highlight Popular Tier */
.noqoro-pricing-card.is-popular {
  border-color: rgba(0, 229, 255, 0.34);
  background: 
    radial-gradient(circle at 50% 0%, rgba(0, 229, 255, 0.06), transparent 50%),
    rgba(7, 20, 35, 0.68);
  box-shadow: 
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 20px 48px rgba(0, 0, 0, 0.35),
    0 0 30px rgba(0, 229, 255, 0.08);
}

.noqoro-pricing-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #031018;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 229, 255, 0.25);
}

/* Pricing Header */
.noqoro-pricing-header {
  margin-bottom: 28px;
}

.noqoro-pricing-tier-name {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 16px 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.noqoro-pricing-cost {
  display: flex;
  align-items: baseline;
  gap: 6px;
  color: var(--text);
}

.noqoro-pricing-cost .amount {
  font-size: clamp(2.2rem, 4vw, 3rem);
  font-weight: 650;
  letter-spacing: -0.035em;
  line-height: 1;
}

.noqoro-pricing-amount--early-access {
  font-size: 2.2rem;
  letter-spacing: -0.04em;
}

.noqoro-pricing-cost .period {
  font-size: 0.88rem;
  color: var(--muted);
}

.noqoro-pricing-desc {
  font-size: 0.88rem;
  line-height: 1.58;
  color: var(--muted);
  margin: 14px 0 0 0;
}

/* Pricing Features */
.noqoro-pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 36px 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-grow: 1;
}

.noqoro-pricing-features li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--muted);
}

.noqoro-pricing-features svg {
  width: 18px;
  height: 18px;
  color: var(--accent);
  flex-shrink: 0;
  margin-top: 1px;
}

.noqoro-pricing-features li.is-disabled {
  color: var(--muted-soft);
  text-decoration: line-through;
}

.noqoro-pricing-features li.is-disabled svg {
  color: var(--muted-soft);
}

.noqoro-pricing-btn {
  width: 100%;
  padding: 14px 20px;
  font-size: 0.92rem;
}

/* FAQs */
.noqoro-product-faq {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 64px;
  max-width: 800px;
  margin: clamp(36px, 5vw, 64px) auto clamp(52px, 7vw, 84px);
}

.noqoro-product-faq h2 {
  text-align: center;
  font-size: clamp(1.7rem, 3vw, 2.2rem);
  font-weight: 600;
  margin: 0 0 40px 0;
  letter-spacing: -0.025em;
}

.noqoro-faq-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.noqoro-faq-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  overflow: hidden;
  transition: border-color 180ms ease, background 180ms ease;
}

.noqoro-faq-item:hover,
.noqoro-faq-item:focus-within {
  border-color: rgba(0, 229, 255, 0.32);
  background: rgba(0, 229, 255, 0.045);
}

.noqoro-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 58px;
  padding: 16px 18px;
  font-size: 1rem;
  font-weight: 650;
  color: var(--text);
  cursor: pointer;
  list-style: none;
  transition: color 180ms ease;
}

.noqoro-faq-item summary::-webkit-details-marker {
  display: none;
}

.noqoro-faq-item summary::marker {
  content: "";
}

.noqoro-faq-arrow {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform 180ms ease;
}

.noqoro-faq-item[open] .noqoro-faq-arrow {
  transform: rotate(225deg) translateY(-2px);
}

.noqoro-faq-item p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--muted);
  margin: 0;
  padding: 0 18px 18px;
}

/* Responsiveness */
@media (max-width: 950px) {
  .noqoro-pricing-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    max-width: 480px;
    margin: 0 auto 54px;
  }
}


/* --- Start of components/vs.css --- */
/* Comparison Page (vs. Competitors) Styling */
.noqoro-vs-section {
  width: min(calc(100% - 40px), var(--max-width));
  margin: 0 auto;
  padding: clamp(96px, 11vw, 148px) 0 clamp(72px, 9vw, 112px);
}

.noqoro-vs-intro {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 54px;
}

.noqoro-vs-intro h1 {
  margin: 12px 0 0;
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.05;
  color: var(--text);
}

.noqoro-vs-subhead {
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
  color: var(--muted);
  line-height: 1.55;
  margin-top: 18px;
}

/* Feature Comparison Table */
.noqoro-vs-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(7, 20, 35, 0.35);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
  margin-bottom: 54px;
  -webkit-overflow-scrolling: touch;
}

.noqoro-vs-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  min-width: 750px;
}

.noqoro-vs-table th,
.noqoro-vs-table td {
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.94rem;
  line-height: 1.45;
}

.noqoro-vs-table th {
  background: rgba(4, 12, 22, 0.72);
  font-weight: 750;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  color: var(--text);
}

.noqoro-vs-table tr:last-child td {
  border-bottom: none;
}

/* Highlight Noqoro Column */
.noqoro-vs-col-noqoro {
  color: var(--text);
  font-weight: 600;
}

th.noqoro-vs-col-noqoro {
  color: var(--accent);
  background: 
    linear-gradient(180deg, rgba(0, 229, 255, 0.06) 0%, transparent 100%),
    rgba(4, 12, 22, 0.85) !important;
}

td.noqoro-vs-col-noqoro {
  background: rgba(0, 229, 255, 0.02);
  box-shadow: inset 1px 0 0 rgba(0, 229, 255, 0.08), inset -1px 0 0 rgba(0, 229, 255, 0.08);
}

tr:hover td {
  background-color: rgba(255, 255, 255, 0.01);
}

tr:hover td.noqoro-vs-col-noqoro {
  background-color: rgba(0, 229, 255, 0.04);
}

/* Icons */
.noqoro-vs-check {
  color: var(--accent-success);
  font-weight: bold;
}

.noqoro-vs-cross {
  color: var(--accent-warning-soft);
  font-weight: bold;
}

/* Call to Action Card */
.noqoro-vs-cta-card {
  text-align: center;
  background: 
    radial-gradient(circle at 12% 0%, rgba(0, 229, 255, 0.05), transparent 34%),
    rgba(7, 20, 35, 0.65);
  border: 1px solid rgba(0, 229, 255, 0.16);
  border-radius: 24px;
  padding: 48px clamp(24px, 5vw, 64px);
  box-shadow: 
    0 24px 54px rgba(0, 0, 0, 0.28),
    0 0 24px rgba(0, 229, 255, 0.05);
}

.noqoro-vs-cta-card h2 {
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 800;
  margin: 0 0 14px 0;
  letter-spacing: -0.02em;
}

.noqoro-vs-cta-card p {
  max-width: 600px;
  margin: 0 auto 30px;
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--muted);
}

.noqoro-vs-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}


/* --- Start of components/hubs.css --- */
/* ==========================================================================
   NOQORO CORPORATE & RESOURCE HUBS STYLESHEET
   ========================================================================== */

/* Hub Pages Hero Layout */
.noqoro-hub-hero {
  padding: clamp(96px, 12vw, 160px) 24px clamp(48px, 6vw, 80px);
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.noqoro-hub-hero h1 {
  margin: 16px 0 0;
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1.05;
  color: var(--text);
}

.noqoro-hub-subtitle {
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
  color: var(--muted);
  line-height: 1.55;
  margin-top: 20px;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* General Layout Containers */
.noqoro-hub-section {
  width: min(calc(100% - 48px), var(--max-width));
  margin: 0 auto clamp(80px, 10vh, 128px);
}

.noqoro-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 28px;
  margin-top: 40px;
}

/* Premium Glassmorphic Cards */
.noqoro-hub-card {
  position: relative;
  background: rgba(7, 20, 35, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  box-shadow: 
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 16px 36px rgba(0, 0, 0, 0.2);
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.noqoro-hub-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 229, 255, 0.25);
  box-shadow: 
    0 24px 48px rgba(0, 0, 0, 0.3),
    0 0 24px rgba(0, 229, 255, 0.06);
}

.noqoro-hub-card-icon {
  font-size: 2rem;
  margin-bottom: 18px;
  display: block;
}

.noqoro-hub-card h3 {
  margin: 0 0 12px 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--text);
}

.noqoro-hub-card p {
  margin: 0 0 24px 0;
  font-size: 0.92rem;
  line-height: 1.5;
  color: var(--muted);
  flex-grow: 1;
}

/* Badge/Tag styling inside cards */
.noqoro-hub-card-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.noqoro-hub-card-tag {
  background: rgba(0, 229, 255, 0.08);
  border: 1px solid rgba(0, 229, 255, 0.15);
  padding: 2px 8px;
  border-radius: 4px;
}

/* Threat Advisories List */
.noqoro-advisories-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}

.noqoro-advisory-item {
  background: rgba(10, 18, 30, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  transition: border-color 0.25s, background-color 0.25s;
}

.noqoro-advisory-item:hover {
  border-color: rgba(255, 106, 46, 0.2);
  background: rgba(18, 10, 8, 0.3);
}

.noqoro-advisory-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.noqoro-advisory-id {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--accent-warning);
  letter-spacing: 0.08em;
}

.noqoro-advisory-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text);
  margin: 0;
}

.noqoro-advisory-desc {
  font-size: 0.88rem;
  color: var(--muted);
  margin: 0;
  line-height: 1.45;
}

.noqoro-advisory-severity {
  background: rgba(255, 106, 46, 0.08);
  border: 1px solid rgba(255, 106, 46, 0.2);
  color: var(--accent-warning);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

/* Careers/Positions List */
.noqoro-jobs-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 40px;
}

.noqoro-hub-center-block {
  text-align: center;
}

.noqoro-hub-center-block--spaced {
  margin-top: 60px;
}

.noqoro-hub-center-block--compact {
  margin-top: 30px;
}

.noqoro-hub-center-block h2 {
  border: none;
  margin: 10px 0 20px;
}

.noqoro-hub-center-block p {
  max-width: 600px;
  margin: 0 auto 30px;
}

.noqoro-hub-center-block--wide p {
  max-width: 650px;
}

.noqoro-hub-email-link {
  color: var(--accent);
  text-decoration: underline;
}

.noqoro-job-row {
  background: rgba(7, 20, 35, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  padding: 20px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  transition: border-color 0.25s, background-color 0.25s;
}

.noqoro-job-row:hover {
  border-color: rgba(0, 229, 255, 0.2);
  background: rgba(7, 20, 35, 0.65);
}

.noqoro-job-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 4px 0;
}

.noqoro-job-dept {
  font-size: 0.82rem;
  color: var(--muted);
}

.noqoro-job-loc {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--accent);
  background: rgba(0, 229, 255, 0.06);
  padding: 3px 10px;
  border-radius: 6px;
  border: 1px solid rgba(0, 229, 255, 0.1);
}

/* Legal Policy Text */
.noqoro-legal-block {
  background: rgba(7, 20, 35, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 24px;
  padding: clamp(24px, 5vw, 54px);
  margin-top: 40px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.noqoro-legal-block--centered {
  text-align: center;
}

.noqoro-legal-block--compact {
  margin-top: 30px;
}

.noqoro-legal-block--spaced {
  margin-top: 60px;
}

.noqoro-legal-block--centered h2 {
  border: none;
  margin: 10px 0 20px;
}

.noqoro-legal-block--centered p {
  max-width: 600px;
  margin: 0 auto 30px;
}

.noqoro-legal-block--centered.noqoro-legal-block--wide p {
  max-width: 650px;
}

.noqoro-legal-block h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text);
  margin: 40px 0 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 8px;
}

.noqoro-legal-block h2:first-of-type {
  margin-top: 0;
}

.noqoro-legal-block h3 {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--accent-3);
  margin: 28px 0 14px 0;
}

.noqoro-legal-block p, 
.noqoro-legal-block ul, 
.noqoro-legal-block ol {
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--muted);
  margin: 0 0 20px 0;
}

.noqoro-legal-block li {
  margin-bottom: 10px;
}

.noqoro-legal-block strong {
  color: var(--text);
  font-weight: 600;
}

/* Responsiveness overrides */
@media (max-width: 768px) {
  .noqoro-advisory-item,
  .noqoro-job-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  
  .noqoro-advisory-severity,
  .noqoro-job-loc {
    align-self: flex-start;
  }
}