:root {
  color-scheme: dark;
  --ndc-navy-1000: #03031d;
  --ndc-navy-950: #050526;
  --ndc-navy-900: #08083d;
  --ndc-navy-850: #0b0b4d;
  --ndc-blue-700: #1515c9;
  --ndc-blue-600: #2455ea;
  --ndc-blue-500: #2874ff;
  --ndc-cyan-400: #00bcff;
  --ndc-mint-400: #36d99d;
  --ndc-white: #fff;
  --ndc-text: #f9fbff;
  --ndc-muted: #c0c6db;
  --ndc-subtle: #b6bdd5;
  --ndc-line: rgba(145, 173, 255, .16);
  --ndc-line-strong: rgba(118, 160, 255, .32);
  --ndc-surface: rgba(9, 10, 55, .74);
  --ndc-surface-strong: rgba(7, 8, 48, .92);
  --ndc-gradient: linear-gradient(96deg, #00d5ff 0%, #00a2ff 34%, #2670ff 64%, #594cff 100%);
  --ndc-shadow: 0 24px 70px rgba(0, 2, 38, .34);
  --ndc-radius-sm: 12px;
  --ndc-radius-md: 20px;
  --ndc-radius-lg: 30px;
  --ndc-container: 1440px;
  --ndc-gutter: clamp(18px, 4.5vw, 76px);
  --ndc-section: clamp(68px, 7vw, 108px);
  --ndc-font: Arial, Helvetica, sans-serif;
  font-family: var(--ndc-font);
  font-synthesis: none;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  width: 100%;
  min-width: 0;
  background: var(--ndc-navy-950);
  scroll-behavior: smooth;
  overflow-x: clip;
}

body {
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  margin: 0;
  color: var(--ndc-text);
  background:
    radial-gradient(circle at 82% 15%, rgba(31, 93, 255, .2), transparent 30%),
    radial-gradient(circle at 10% 65%, rgba(30, 39, 255, .14), transparent 30%),
    var(--ndc-navy-950);
  overflow-x: hidden;
  overscroll-behavior-x: none;
  touch-action: pan-y pinch-zoom;
}

body.nav-open { overflow: hidden; }

img, svg { display: block; max-width: 100%; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

::selection { color: #fff; background: rgba(39, 103, 255, .7); }

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 8px;
  left: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  color: #fff;
  background: #215cef;
  opacity: 0;
  transform: translateY(-150%);
  visibility: hidden;
  pointer-events: none;
}
.skip-link:focus { opacity: 1; transform: none; visibility: visible; pointer-events: auto; }

.site-grid {
  position: fixed;
  z-index: -5;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, .024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .024) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
  pointer-events: none;
}

.container {
  width: min(100%, var(--ndc-container));
  margin-inline: auto;
  padding-inline: var(--ndc-gutter);
}

.section { position: relative; padding-block: var(--ndc-section); }
.section + .section:not(.section--surface) { padding-top:clamp(58px,6vw,90px); }
.section--tight { padding-block: clamp(58px, 6.5vw, 96px); }
.section--flush-top { padding-top: 0; }
.section--cta { padding-block:clamp(38px,4vw,56px) !important; }
.section--surface {
  border-block: 1px solid rgba(113, 155, 255, .12);
  background: linear-gradient(180deg, rgba(13, 14, 78, .46), rgba(5, 5, 38, .2));
}

.kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 20px;
  color: #b9caff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.kicker::before {
  width: 38px;
  height: 1px;
  background: linear-gradient(90deg, var(--ndc-cyan-400), #6f8bff);
  box-shadow: 0 0 10px rgba(0, 188, 255, .65);
  content: "";
}

.display,
.section-title,
.card-title,
.inner-title,
h1, h2, h3, h4 { margin-top: 0; color: #fff; text-wrap:balance; }
p, li { text-wrap:pretty; }

.display {
  max-width: 930px;
  margin-bottom: 0;
  font-size: clamp(54px, 6.8vw, 108px);
  line-height: .98;
  letter-spacing: -.026em;
}

.section-title {
  max-width: 850px;
  margin-bottom: 0;
  font-size: clamp(42px, 5vw, 78px);
  line-height: 1.02;
  letter-spacing: -.02em;
}

.section-copy {
  max-width: 650px;
  margin: 24px 0 0;
  color: var(--ndc-muted);
  font-size: clamp(17px, 1.35vw, 21px);
  line-height: 1.6;
  letter-spacing: -.012em;
}

.gradient-text {
  color: var(--ndc-cyan-400);
  background: var(--ndc-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: clamp(34px, 4vw, 58px);
}
.section-heading .section-copy { max-width: 520px; margin-bottom: 4px; }
.section-heading--stack { display: block; }
.section-heading--stack .section-copy { max-width: 760px; margin: 24px 0 0; }

.button-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }

.button {
  position: relative;
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  border: 1px solid var(--ndc-line);
  border-radius: 14px;
  color: #fff;
  background: rgba(255, 255, 255, .055);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.button::after {
  position: absolute;
  top: -80%;
  left: -35%;
  width: 24%;
  height: 260%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .36), transparent);
  content: "";
  opacity: 0;
  transform: rotate(18deg);
  transition: transform 600ms ease, opacity 180ms ease;
}
.button:hover::after { opacity: 1; transform: translateX(600%) rotate(18deg); }
.button:hover, .button:focus-visible { border-color: rgba(117, 176, 255, .7); outline: none; transform: translateY(-2px); }
.button:active { transform: none; }
.button svg { width: 17px; height: 17px; flex: none; }
.button--primary {
  border-color: transparent;
  background: linear-gradient(102deg, #078bf7, #3155ef);
  box-shadow: 0 12px 28px rgba(33, 91, 237, .26);
}
.button--ghost {
  border-color: rgba(139, 178, 255, .46);
  background: rgba(7, 8, 49, .72);
}
.button--ghost:hover,
.button--ghost:focus-visible {
  border-color: rgba(139, 197, 255, .82);
  background: rgba(24, 42, 112, .48);
  box-shadow: 0 10px 28px rgba(18, 73, 199, .2);
}
.button--small { min-height: 44px; padding-inline: 17px; border-radius: 12px; font-size: 13px; }

/* Navigation */
.site-header {
  position: fixed;
  z-index: 100;
  top: 14px;
  left: 50%;
  width: min(calc(100% - 28px), 1370px);
  height: 64px;
  border: 1px solid rgba(130, 159, 255, .19);
  border-radius: 19px;
  background: linear-gradient(140deg, rgba(7, 8, 50, .9), rgba(3, 4, 30, .78));
  box-shadow: 0 18px 55px rgba(0, 0, 24, .28), inset 0 1px 0 rgba(255,255,255,.06);
  transform: translateX(-50%);
  backdrop-filter: blur(22px);
  overflow: visible;
  transition: left 620ms cubic-bezier(.16,.84,.26,1), width 620ms cubic-bezier(.16,.84,.26,1), height 540ms cubic-bezier(.16,.84,.26,1), transform 620ms cubic-bezier(.16,.84,.26,1), border-radius 540ms ease, background 420ms ease, box-shadow 420ms ease;
}
.nav-shell {
  position: relative;
  display: flex;
  width: 100%;
  height: 62px;
  align-items: center;
  gap: 24px;
  margin: 0 auto;
  padding: 0 15px 0 205px;
  overflow: visible;
}
.nav-brand {
  position: absolute;
  left: 15px;
  z-index: 2;
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 10px;
  padding: 8px 12px 8px 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  background: rgba(5, 5, 41, .68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.02em;
  text-decoration: none;
  transform: translateX(0);
  transition: left 620ms cubic-bezier(.16,.84,.26,1), transform 620ms cubic-bezier(.16,.84,.26,1), background 360ms ease, border-color 360ms ease;
}
.nav-brand img { width: 30px; height: 30px; object-fit: contain; }
.nav-menu { display: flex; max-width: 820px; align-items: center; gap: 5px; margin-left: auto; opacity: 1; filter: blur(0); transform: translateX(0) scale(1); visibility: visible; transition: opacity 320ms ease 300ms, transform 520ms cubic-bezier(.16,.84,.26,1) 220ms, filter 320ms ease 280ms, visibility 0s linear 0s; }
.nav-link {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: 0 13px;
  border-radius: 11px;
  color: #b6bdd5;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: color 180ms ease, background 180ms ease;
}
.nav-link:hover, .nav-link:focus-visible, .nav-link[aria-current="page"] { color: #fff; background: rgba(74, 104, 222, .15); outline: none; }
.nav-actions { display: flex; max-width: 340px; flex: none; align-items: center; gap: 9px; opacity: 1; filter: blur(0); transform: translateX(0) scale(1); visibility: visible; transition: opacity 320ms ease 300ms, transform 520ms cubic-bezier(.16,.84,.26,1) 220ms, filter 320ms ease 280ms, visibility 0s linear 0s; }
.site-header.is-collapsed { width: 230px; height: 58px; border-radius: 18px; background: rgba(4, 5, 36, .91); box-shadow: 0 16px 42px rgba(0,0,28,.32); cursor: pointer; overflow: hidden; transition-delay: 230ms, 230ms, 230ms, 0s, 0s; }
.site-header.is-collapsed .nav-shell { height: 56px; padding: 0; }
.site-header.is-collapsed .nav-brand { left: 50%; border-color: transparent; background: transparent; transform: translateX(-50%); transition-delay: 230ms, 230ms, 0s, 0s; }
.site-header.is-collapsed .nav-menu,
.site-header.is-collapsed .nav-actions { opacity: 0; filter: blur(5px); transform: translateX(14px) scale(.96); visibility: hidden; pointer-events: none; transition: opacity 240ms ease, transform 300ms ease, filter 240ms ease, visibility 0s linear 250ms; }
.language { position: relative; }
.language-trigger {
  display: inline-flex;
  width: 52px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ndc-line);
  border-radius: 12px;
  background: rgba(5, 5, 41, .72);
  cursor: pointer;
}
.language-trigger img, .language-menu img { width: 23px; height: 15px; border-radius: 2px; object-fit: cover; }
.language-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 174px;
  padding: 7px;
  border: 1px solid var(--ndc-line);
  border-radius: 14px;
  background: rgba(5, 5, 41, .96);
  box-shadow: var(--ndc-shadow);
}
.language-menu[hidden] { display: none; }
.language-menu button {
  display: grid;
  width: 100%;
  grid-template-columns: 23px 1fr 6px;
  align-items: center;
  gap: 9px;
  padding: 10px;
  border: 0;
  border-radius: 9px;
  color: var(--ndc-muted);
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
.language-menu button:hover, .language-menu button[aria-selected="true"] { color: #fff; background: rgba(49, 91, 232, .2); }
.language-menu button[aria-selected="true"]::after { width: 5px; height: 5px; border-radius: 50%; background: var(--ndc-cyan-400); box-shadow: 0 0 8px var(--ndc-cyan-400); content: ""; }
.menu-toggle {
  position: relative;
  display: none;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--ndc-line);
  border-radius: 12px;
  color: #fff;
  background: rgba(5, 5, 41, .75);
  cursor: pointer;
}
.menu-toggle span, .menu-toggle i, .menu-toggle b {
  position: absolute;
  right: 12px;
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, #95c9ff, #fff);
  box-shadow: 0 0 8px rgba(93, 169, 255, .24);
  content: "";
  transition: top 300ms cubic-bezier(.16,.84,.26,1), width 260ms ease, transform 300ms cubic-bezier(.16,.84,.26,1), opacity 180ms ease;
}
.menu-toggle span { top: 13px; }
.menu-toggle i { top: 20px; width: 12px; }
.menu-toggle b { top: 27px; width: 16px; }
.menu-toggle:hover i, .menu-toggle:focus-visible i { width: 18px; }
.nav-open .menu-toggle span { top: 20px; transform: rotate(45deg); }
.nav-open .menu-toggle i { opacity: 0; transform: translateX(5px); }
.nav-open .menu-toggle b { top: 20px; width: 18px; transform: rotate(-45deg); }

/* Preserved NoDirtyCoins hero */
.home-hero {
  position: relative;
  min-height: 100vh;
  background:
    radial-gradient(circle at 75% 42%, rgba(33, 95, 255, .3), transparent 31%),
    linear-gradient(145deg, #050526 0%, #090953 48%, #1112a8 100%);
  overflow: hidden;
}
.home-hero::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, .032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .032) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, transparent, #000 26%, #000 72%, transparent);
  content: "";
  pointer-events: none;
}
.hero-layout {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100%, var(--ndc-container));
  min-height: 100vh;
  grid-template-columns: minmax(390px, .9fr) minmax(500px, 1.1fr);
  align-items: center;
  margin: 0 auto;
  padding: 92px var(--ndc-gutter) 0;
}
.hero-copy { position: relative; z-index: 3; padding-bottom: 8vh; }
.hero-copy h1 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(52px, 5.05vw, 84px);
  line-height: 1.035;
  letter-spacing: -.024em;
}
.hero-gradient-phrase {
  display: inline-block;
  white-space: nowrap;
  background-image: var(--ndc-gradient);
}
.hero-intro { max-width: 590px; margin: 28px 0 0; color: var(--ndc-muted); font-size: clamp(17px, 1.3vw, 21px); line-height: 1.58; letter-spacing: -.012em; }
.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  padding: 9px 13px;
  border: 1px solid var(--ndc-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: rgba(255, 255, 255, .75);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
}
.status-dot { position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--ndc-cyan-400); box-shadow: 0 0 12px var(--ndc-cyan-400); }
.status-dot::after { position: absolute; inset: -4px; border: 1px solid rgba(0, 188, 255, .55); border-radius: inherit; content: ""; animation: signal 2s infinite ease-out; }

.character { position: relative; z-index: 2; align-self: end; justify-self: end; width: min(54vw, 700px); }
.character-frame { position: relative; width: 100%; aspect-ratio: 775 / 941; }
.character-image { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; user-select: none; }
.character-halo { position: absolute; z-index: -1; top: 8%; right: 0; width: 74%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(67, 129, 255, .3), transparent 67%); filter: blur(8px); }
.tablet-screen {
  position: absolute;
  z-index: 2;
  top: 50.15%;
  left: 9.65%;
  width: 47.65%;
  height: 28%;
  padding: clamp(9px, 1vw, 16px) clamp(10px, 1.2vw, 18px);
  border-radius: clamp(7px, .7vw, 11px);
  background: radial-gradient(circle at 20% 0%, rgba(33, 95, 255, .19), transparent 43%), linear-gradient(145deg, rgba(10, 12, 33, .98), rgba(4, 5, 15, .99));
  box-shadow: inset 0 0 26px rgba(42, 92, 238, .075);
  overflow: hidden;
}
.tablet-top { position: relative; display: flex; align-items: center; justify-content: space-between; color: rgba(255, 255, 255, .48); font-size: clamp(7px, .65vw, 10px); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.tablet-status { display: inline-flex; align-items: center; gap: 6px; }
.tablet-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--ndc-mint-400); box-shadow: 0 0 7px rgba(54, 217, 157, .8); }
.tablet-content { position: relative; display: flex; height: calc(100% - 16px); flex-direction: column; justify-content: center; padding-top: clamp(6px, .65vw, 10px); }
.tablet-copy { padding-left: clamp(3px, .35vw, 6px); }
.tablet-label { margin: 0 0 6px; color: #5a8fff; font-size: clamp(7px, .69vw, 11px); font-weight: 700; line-height: 1.35; letter-spacing: .1em; text-transform: uppercase; }
.tablet-title { margin: 0; font-size: clamp(20px, 1.8vw, 29px); line-height: 1.05; letter-spacing: -.036em; }
.tablet-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(7px, .75vw, 10px); margin-top: clamp(13px, 1.25vw, 19px); }
.tablet-button {
  position: relative;
  display: flex;
  min-height: clamp(34px, 2.7vw, 43px);
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 clamp(11px, 1.25vw, 19px);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: clamp(7px, .75vw, 12px);
  color: #fff;
  background: rgba(255, 255, 255, .055);
  font-size: clamp(7px, .72vw, 11px);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.tablet-button > * { position: relative; z-index: 1; }
.tablet-button::after { position: absolute; top: -65%; left: -48%; width: 28%; height: 230%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .5), transparent); content: ""; opacity: 0; transform: translateX(0) rotate(18deg); pointer-events: none; }
.tablet-button--primary { border-color: transparent; background: linear-gradient(100deg, #0989f7, #2f55ec); box-shadow: 0 8px 24px rgba(33, 91, 237, .24); }
.tablet-button--primary::after { animation: button-sheen 900ms 1.7s 1 ease-out both; }
.tablet-button--secondary::after { animation: button-sheen 900ms 2.6s 1 ease-out both; }
.tablet-button svg { width: clamp(11px, 1vw, 16px); height: clamp(11px, 1vw, 16px); flex: none; }
.tablet-button--primary svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; animation: arrow-nudge 540ms 1.75s 2 ease-in-out; }
.tablet-button--secondary svg { fill: currentColor; }
.tablet-button:hover, .tablet-button:focus-visible { border-color: rgba(127, 184, 255, .7); box-shadow: 0 10px 28px rgba(28, 93, 255, .28); outline: none; transform: translateY(-2px); }

/* Product sections */
.workflow-marquee { position: relative; display: grid; min-height: 84px; border-block: 1px solid var(--ndc-line); background: rgba(5, 7, 49, .88); overflow: hidden; }
.workflow-marquee__fixed { z-index: 3; display: flex; width: min(34vw, 500px); grid-area: 1 / 1; align-items: center; padding-left: var(--ndc-gutter); color: #a5b0d9; background: linear-gradient(90deg, #050631 0%, #050631 78%, rgba(5,6,49,.94) 88%, transparent 100%); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; pointer-events: none; }
.workflow-marquee__fixed br { display:none; }
.workflow-marquee__viewport { position: relative; min-width: 0; grid-area: 1 / 1; overflow: hidden; }
.workflow-marquee__viewport::after { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: min(12vw, 160px); background: linear-gradient(-90deg, #050631, transparent); content: ""; pointer-events: none; }
.workflow-marquee__track { display: flex; width: max-content; animation: workflow-marquee 27s linear infinite; transform: translate3d(0,0,0); will-change: transform; }
.workflow-marquee__track::before { display:block;width:min(34vw,500px);flex:none;content:""; }
.workflow-marquee:hover .workflow-marquee__track { animation-play-state: paused; }
.workflow-marquee__group { display: flex; min-width: max-content; align-items: center; }
.workflow-marquee__item { display: inline-flex; min-height: 84px; align-items: center; padding: 0 clamp(38px, 5vw, 90px); border-right: 1px solid var(--ndc-line); text-transform: uppercase; }
.workflow-marquee__item { gap: 10px; color: rgba(239, 244, 255, .79); font-size: 13px; letter-spacing: .055em; }
.workflow-marquee__item i { width: 7px; height: 7px; border-radius: 50%; background: var(--ndc-cyan-400); box-shadow: 0 0 12px rgba(0, 188, 255, .85); }

.editorial-grid { display: grid; grid-template-columns: minmax(520px, .92fr) minmax(0, 1.08fr); align-items: start; gap: clamp(54px, 6vw, 96px); }
.editorial-intro { position: sticky; top: 120px; }
.editorial-intro .section-title { max-width:620px;font-size:clamp(52px,4.7vw,72px);line-height:1.025; }
.editorial-list { display: grid; }
.editorial-item { display: grid; grid-template-columns: 48px 1fr; gap: 26px; padding: clamp(28px, 3vw, 46px) 0; border-top: 1px solid var(--ndc-line); }
.editorial-item:last-child { border-bottom: 1px solid var(--ndc-line); }
.editorial-item > span { color: #63a7ff; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.editorial-item h3 { margin: 0 0 12px; font-size: clamp(27px, 3vw, 46px); line-height: 1.04; letter-spacing: -.035em; }
.editorial-item p { max-width: 680px; margin: 0; color: var(--ndc-muted); font-size: 16px; line-height: 1.68; }

.showcase-layout { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr); align-items: center; gap: clamp(44px, 8vw, 110px); }
.showcase-copy { max-width: 560px; }
.product-scene { position: relative; min-width: 0; }
.scene-card { position: relative; margin: 0; border: 1px solid var(--ndc-line-strong); border-radius: var(--ndc-radius-lg); background: #070832; box-shadow: var(--ndc-shadow); overflow: hidden; }
.scene-card img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transform:translate3d(0,var(--scene-y,0),0) scale(1.025); transition: transform 180ms linear; }
.scene-card::after { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.04); border-radius: inherit; box-shadow: inset 0 -90px 90px rgba(3,4,31,.28); content: ""; pointer-events: none; }
.scene-result { position: absolute; z-index: 3; right: clamp(14px, 3vw, 38px); bottom: clamp(14px, 3vw, 34px); width: min(44%, 300px); padding: 18px; border: 1px solid rgba(136,177,255,.34); border-radius: 17px; background: rgba(5,7,37,.82); box-shadow: 0 20px 55px rgba(0,0,20,.4); backdrop-filter: blur(16px); }
.scene-result span { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; color: var(--ndc-subtle); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.scene-result span i { width: 6px; height: 6px; border-radius: 50%; background: var(--ndc-mint-400); box-shadow: 0 0 9px rgba(54,217,157,.8); }
.scene-result strong { display: block; margin-bottom: 5px; font-size: clamp(16px, 2vw, 25px); letter-spacing: -.025em; }
.scene-result small { color: var(--ndc-muted); font-size: 11px; }

.process-rail { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 42px; border-block: 1px solid var(--ndc-line); }
.process-rail::before { position: absolute; top: 47px; right: 0; left: 0; height: 1px; background: rgba(87,129,255,.22); content: ""; }
.process-progress { position: absolute; z-index: 3; top: 46px; right: 0; left: 0; height: 3px; pointer-events: none; }
.process-progress span { display: block; width: var(--process-progress, 0%); height: 100%; border-radius: 999px; background: linear-gradient(90deg,#00d5ff,#2a72ff,#594cff); box-shadow: 0 0 18px rgba(0,188,255,.45); transition: width 90ms linear; }
.process-progress i { position: absolute; top: 50%; left: var(--process-progress, 0%); width: 14px; height: 14px; border: 3px solid #090a4a; border-radius: 50%; background: #20c8ff; box-shadow: 0 0 0 5px rgba(32,200,255,.12), 0 0 20px rgba(32,200,255,.65); transform: translate(-50%,-50%); transition: left 90ms linear; }
.process-step { position: relative; min-width: 0; padding: 86px clamp(24px, 3vw, 48px) 34px 0; outline: none; transition: background 320ms ease; }
.process-step + .process-step { padding-left: clamp(24px, 3vw, 48px); border-left: 1px solid var(--ndc-line); }
.process-step > span { position: absolute; z-index: 4; top: 36px; left: 50%; display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid #1788f6; border-radius: 50%; background: #08083e; color: #9cd4ff; font-size: 8px; font-weight: 700; box-shadow: 0 0 0 6px rgba(23,136,246,.08); transform: translateX(-50%); transition: color 300ms ease, background 300ms ease, box-shadow 300ms ease, transform 300ms ease; }
.process-step + .process-step > span { left: 50%; }
.process-step h3 { margin: 0 0 13px; font-size: clamp(24px, 2.4vw, 36px); letter-spacing: -.03em; }
.process-step p { margin: 0; color: var(--ndc-muted); font-size: 15px; line-height: 1.65; }
.process-step.is-reached > span { color: #fff; background: linear-gradient(135deg,#00a8ff,#3155ef); box-shadow: 0 0 0 7px rgba(23,136,246,.13), 0 0 22px rgba(23,136,246,.38); transform: translateX(-50%) scale(1.04); }
.process-step.is-active > span { box-shadow:0 0 0 9px rgba(23,136,246,.16),0 0 28px rgba(23,136,246,.55);transform:translateX(-50%) scale(1.12); }
.step-visual { position: relative; height: 210px; margin-top: 32px; border: 1px solid rgba(91,142,255,.2); border-radius: 20px; background: radial-gradient(circle at 50% 30%, rgba(39,105,255,.2), transparent 52%), rgba(5,7,42,.68); overflow: hidden; perspective: 600px; }
.process-step .step-visual { opacity: .62; transform: translateY(6px) scale(.985); transition: opacity 420ms ease, transform 520ms cubic-bezier(.16,.84,.26,1), border-color 420ms ease, box-shadow 420ms ease; }
.process-step.is-active .step-visual { opacity: 1; transform: none; }
.step-visual::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 26px 26px; content: ""; mask-image: linear-gradient(transparent,#000); }
.step-cube { position: absolute; width: 74px; height: 74px; border: 1px solid rgba(88,171,255,.58); border-radius: 16px; background: linear-gradient(145deg,rgba(25,134,255,.35),rgba(34,55,177,.12)); box-shadow: 0 20px 38px rgba(0,25,110,.25), inset 0 1px rgba(255,255,255,.14); transform: rotate(-10deg) skewY(5deg); }
.step-cube--back { top: 42px; left: calc(50% - 18px); opacity: .55; transform: rotate(13deg) scale(.82); }
.step-cube--front { top: 76px; left: calc(50% - 60px); }
.step-address-line { position: absolute; right: 22px; bottom: 24px; left: 22px; height: 8px; border-radius: 99px; background: linear-gradient(90deg,#00bcff 0 35%,rgba(255,255,255,.1) 35%); box-shadow: 0 0 14px rgba(0,188,255,.22); }
.step-orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(83,158,255,.42); border-radius: 50%; transform: translate(-50%,-50%); }
.step-orbit--one { width: 150px; height: 76px; transform: translate(-50%,-50%) rotate(24deg); }.step-orbit--two { width: 138px; height: 118px; transform: translate(-50%,-50%) rotate(-38deg); }
.step-core { position: absolute; top: 50%; left: 50%; width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(145deg,#00bcff,#2d54ed); box-shadow: 0 0 40px rgba(0,188,255,.42); transform: translate(-50%,-50%) rotate(10deg); }
.step-visual--analysis > i { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: #7cc8ff; box-shadow: 0 0 14px #298aff; }.step-visual--analysis > i:nth-of-type(1){top:43px;left:29%;}.step-visual--analysis > i:nth-of-type(2){top:72%;left:70%;}.step-visual--analysis > i:nth-of-type(3){top:34%;left:75%;}
.step-result-card { position: absolute; top: 36px; right: 48px; left: 48px; display: grid; gap: 14px; padding: 26px; border: 1px solid rgba(107,166,255,.42); border-radius: 18px; background: linear-gradient(145deg,rgba(18,38,132,.72),rgba(5,8,47,.84)); box-shadow: 0 24px 48px rgba(0,15,80,.3); transform: rotateY(-8deg) rotateX(3deg); }
.step-result-card i { height: 8px; border-radius: 99px; background: rgba(255,255,255,.1); }.step-result-card i:nth-child(1){width:72%;background:linear-gradient(90deg,#36d99d 0 28%,rgba(255,255,255,.1) 28%);}.step-result-card i:nth-child(2){width:90%;}.step-result-card i:nth-child(3){width:56%;}
.step-check { position: absolute; right: 26px; bottom: 23px; display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; color: #051026; background: var(--ndc-mint-400); box-shadow: 0 0 28px rgba(54,217,157,.38); font-size: 22px; font-weight: 800; }
.process-step.is-active .step-visual { border-color: rgba(81,151,255,.42); box-shadow: 0 22px 55px rgba(17,64,212,.13); }
.process-step.is-active .step-cube--front { animation: step-float 2.6s ease-in-out infinite; }
.process-step.is-active .step-core { animation: step-core-glow 1.8s ease-in-out infinite; }
.process-step.is-active .step-check { animation: step-check-in 600ms cubic-bezier(.16,.84,.26,1) both; }

.cases-action{margin-top:28px}

.product-showcase--compact .showcase-layout { grid-template-columns:minmax(0,.96fr) minmax(340px,1.04fr);gap:clamp(38px,5vw,76px); }
.product-showcase--compact .product-scene { max-width:720px; }
.product-showcase--compact .scene-card { aspect-ratio:16 / 9; }
.product-showcase--compact .scene-card img { width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center; }
.product-showcase--compact .showcase-copy .section-title { font-size:clamp(42px,4.4vw,66px); }
.page-blog .blog-more { margin-top:30px; }

.telegram-stage { position:relative;display:grid;max-width:1260px;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(24px,3vw,42px);margin-inline:auto; }
.telegram-stage .scene-card { min-height:0;aspect-ratio:4 / 3; }
.telegram-stage .scene-card img { width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:28% center; }
.telegram-stage__copy { z-index:3;display:flex;width:100%;min-height:0;flex-direction:column;justify-content:center;margin:0;padding:clamp(34px,3.7vw,48px);border:1px solid rgba(134,170,255,.3);border-radius:24px;background:radial-gradient(circle at 0 0,rgba(32,92,255,.16),transparent 38%),rgba(4,5,34,.9);box-shadow:0 25px 70px rgba(0,0,20,.32); }
.telegram-stage__copy .section-title { max-width:720px;font-size:clamp(40px,4vw,58px);line-height:1.02; }
.telegram-stage__copy .section-copy { max-width:700px;margin-top:22px;font-size:16px;line-height:1.6; }
.telegram-stage__copy .feature-list { margin-top:26px; }
.telegram-stage__copy .button-row { margin-top:30px; }

.mission-layout { display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(38px,6vw,82px); }
.mission-layout .scene-card { min-height:0; }
.mission-layout .scene-card picture,.mission-layout .scene-card picture img { display:block;width:100%;height:100%; }
.mission-layout .scene-card picture img { aspect-ratio:auto;object-fit:cover;object-position:center; }
.mission-layout .scene-card.is-visible picture img { --scene-y:0px !important;transform:none;transition:none; }
.mission-character-mark { position:absolute;z-index:2;top:34.5%;left:28.6%;width:3.7%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;filter:drop-shadow(0 4px 9px rgba(0,0,20,.45));transform:none!important; }
.mission-copy { position: relative; }
.mission-copy::before { position:absolute;top:-34px;left:-34px;width:110px;height:110px;border:1px solid rgba(74,142,255,.15);border-radius:50%;box-shadow:0 0 0 26px rgba(35,91,255,.025);content:"";pointer-events:none; }
.mission-signal { display: grid; grid-template-columns: 8px auto 1fr; align-items: center; gap: 10px; margin-top: 34px; color: #8ba6e6; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.mission-signal i { width: 8px; height: 8px; border-radius: 50%; background: var(--ndc-cyan-400); box-shadow: 0 0 12px var(--ndc-cyan-400); }
.mission-signal b { height: 1px; background: linear-gradient(90deg,rgba(0,188,255,.65),transparent); }

.about-principles { overflow: hidden; }
.principle-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.principle-card { position: relative; min-height: 340px; padding: clamp(26px,3vw,42px); border: 1px solid var(--ndc-line); border-radius: var(--ndc-radius-md); background: radial-gradient(circle at 82% 16%,rgba(25,104,255,.18),transparent 34%),linear-gradient(150deg,rgba(14,18,92,.8),rgba(5,6,41,.84)); overflow: hidden; }
.principle-card > span { color: #76adff; font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.principle-card h3 { position: relative; max-width: 280px; margin: 154px 0 14px; font-size: clamp(26px,2.7vw,38px); line-height: 1.04; letter-spacing: -.035em; }
.principle-card p { position: relative; margin: 0; color: var(--ndc-muted); font-size: 15px; line-height: 1.62; }
.principle-orbit { position: absolute; top: 46px; right: 34px; width: 104px; height: 104px; border: 1px solid rgba(72,150,255,.34); border-radius: 50%; animation: orbit-spin 9s linear infinite; }
.principle-orbit::before,.principle-orbit::after { position:absolute; inset:14px; border:1px solid rgba(71,91,255,.25); border-radius:50%; content:""; }.principle-orbit::after{inset:34px;background:linear-gradient(145deg,#00bcff,#3155ef);box-shadow:0 0 30px rgba(0,188,255,.28);}
.principle-orbit i,.principle-orbit b { position:absolute; z-index:2; width:10px;height:10px;border-radius:50%;background:#66c5ff;box-shadow:0 0 12px #268cff; }.principle-orbit i{top:7px;left:18px}.principle-orbit b{right:4px;bottom:26px}
.principle-card:nth-child(2) .principle-orbit { animation-direction: reverse; animation-duration: 11s; }
.principle-card:nth-child(3) .principle-orbit { animation-duration: 13s; }
.boundary-panel { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.7fr); align-items: end; gap: clamp(34px,8vw,120px); padding: clamp(34px,6vw,80px); border: 1px solid var(--ndc-line-strong); border-radius: var(--ndc-radius-lg); background: radial-gradient(circle at 8% 10%,rgba(0,188,255,.14),transparent 36%),linear-gradient(135deg,rgba(11,17,90,.82),rgba(4,5,35,.94)); overflow:hidden; }
.boundary-panel .section-copy { margin:0; }
.boundary-path { position:absolute; right:-70px; bottom:-105px; width:360px;height:260px;border:1px solid rgba(66,137,255,.2);border-radius:50%;transform:rotate(-18deg); }
.boundary-path::before,.boundary-path::after { position:absolute;inset:28px;border:1px solid rgba(66,137,255,.16);border-radius:50%;content:""; }.boundary-path::after{inset:62px}
.boundary-path i { position:absolute;width:11px;height:11px;border-radius:50%;background:var(--ndc-cyan-400);box-shadow:0 0 18px var(--ndc-cyan-400);animation:path-pulse 2.8s ease-in-out infinite; }.boundary-path i:nth-child(1){top:12%;left:22%}.boundary-path i:nth-child(2){top:44%;left:3%;animation-delay:.5s}.boundary-path i:nth-child(3){right:18%;bottom:13%;animation-delay:1s}.boundary-path i:nth-child(4){top:24%;right:3%;animation-delay:1.5s}

.gradient-copy { background-image: var(--ndc-gradient); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.card-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.glass-card {
  position: relative;
  min-width: 0;
  padding: clamp(24px, 2.4vw, 38px);
  border: 1px solid var(--ndc-line);
  border-radius: var(--ndc-radius-md);
  background: linear-gradient(145deg, rgba(17, 20, 83, .62), rgba(5, 6, 41, .7));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  overflow: hidden;
  transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}
.glass-card::before { position: absolute; inset: 0; background: radial-gradient(circle at 0 0, rgba(38, 117, 255, .15), transparent 42%); content: ""; pointer-events: none; }
.glass-card:hover { border-color: var(--ndc-line-strong); background: linear-gradient(145deg, rgba(21, 26, 103, .67), rgba(7, 8, 49, .76)); transform: translateY(-4px); }
.card-number { position: relative; display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; margin-bottom: 38px; border: 1px solid rgba(85, 158, 255, .36); border-radius: 11px; color: #8bc9ff; background: rgba(21, 80, 208, .16); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.card-icon { position: relative; width: 48px; height: 48px; margin-bottom: 32px; padding: 12px; border: 1px solid rgba(85, 158, 255, .32); border-radius: 14px; color: #79baff; background: rgba(21, 80, 208, .16); }
.card-title { position: relative; margin-bottom: 12px; font-size: clamp(22px, 2vw, 30px); line-height: 1.12; letter-spacing: -.025em; }
.card-copy { position: relative; margin: 0; color: var(--ndc-muted); font-size: 15px; line-height: 1.6; }

/* Product capability flow */
.product-capabilities-section { border-bottom:1px solid rgba(93,143,255,.13);background:radial-gradient(circle at 88% 18%,rgba(33,86,255,.1),transparent 28%); }
.capability-heading { display:grid;grid-template-columns:minmax(350px,.76fr) minmax(560px,1.24fr);align-items:center;gap:clamp(20px,2.8vw,44px);margin-bottom:32px; }
.capability-heading__copy { position:relative;z-index:2; }
.capability-heading .section-title { max-width:610px;font-size:clamp(46px,4.4vw,66px); }
.capability-heading .section-copy { max-width:560px;margin:24px 0 0; }
.capability-hero-scene { position:relative;z-index:1;min-width:0;margin:-38px -36px -34px -74px;pointer-events:none; }
.capability-hero-scene::before { position:absolute;z-index:-1;inset:12% 5% 8% 18%;border-radius:50%;background:radial-gradient(circle,rgba(19,96,255,.17),transparent 70%);filter:blur(18px);content:""; }
.capability-hero-scene img { display:block;width:100%;height:auto;filter:drop-shadow(0 28px 44px rgba(0,0,34,.28)); }
.capability-flow { position:relative;border:1px solid rgba(103,151,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(12,18,83,.78),rgba(4,5,34,.94));box-shadow:0 28px 82px rgba(0,0,31,.28);overflow:hidden; }
.capability-flow__rail { position:absolute;z-index:2;top:66px;bottom:66px;left:68px;width:2px;background:rgba(83,132,241,.2);pointer-events:none; }
.capability-flow__rail i { display:block;width:100%;height:0;background:linear-gradient(180deg,#11c8ff,#316aff 58%,#44e1b0);box-shadow:0 0 16px rgba(28,166,255,.5); }
.capability-flow.is-visible .capability-flow__rail i { animation:capability-rail-fill 1.55s .22s cubic-bezier(.2,.7,.2,1) forwards; }
.capability-stage { position:relative;display:grid;grid-template-columns:minmax(180px,.42fr) minmax(440px,1.08fr) minmax(220px,.58fr);align-items:center;gap:clamp(24px,2.8vw,44px);min-height:214px;padding:30px 36px; }
.capability-stage + .capability-stage { border-top:1px solid rgba(100,148,255,.18); }
.capability-stage::after { position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,89,255,.08),transparent 44%);content:"";opacity:0;transition:opacity 280ms ease;pointer-events:none; }
.capability-stage:hover::after { opacity:1; }
.capability-stage__label { position:relative;z-index:3;display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:22px; }
.capability-stage__label > span { display:grid;width:60px;height:60px;place-items:center;border:1px solid rgba(58,151,255,.55);border-radius:50%;color:#a7d5ff;background:#071047;box-shadow:0 0 0 8px rgba(6,8,49,.9),0 0 26px rgba(17,136,255,.17);font-size:11px;font-weight:800;letter-spacing:.08em; }
.capability-stage__label h2 { margin:0;font-size:clamp(28px,2.6vw,40px);line-height:1;letter-spacing:-.035em; }
.capability-stage__items { position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
.capability-item { display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;min-width:0;padding:8px 24px 8px 0; }
.capability-item + .capability-item { padding-right:0;padding-left:24px;border-left:1px solid rgba(105,149,244,.18); }
.capability-item > span { display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(69,151,255,.3);border-radius:13px;color:#75bcff;background:rgba(14,62,170,.2); }
.capability-item > span svg { width:20px;height:20px; }
.capability-item h3 { margin:0;font-size:20px;line-height:1.12;letter-spacing:-.025em; }
.capability-item p { max-width:310px;margin:9px 0 0;color:var(--ndc-muted);font-size:13px;line-height:1.55; }
.capability-scene { position:relative;z-index:1;width:100%;height:142px;border:1px solid rgba(77,141,255,.22);border-radius:20px;background:radial-gradient(circle at 50% 50%,rgba(19,83,222,.24),transparent 58%),rgba(3,5,37,.74);overflow:hidden; }
.capability-scene::after { position:absolute;right:7%;bottom:12px;left:7%;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(24,97,255,.22),transparent 66%);content:"";transform:perspective(120px) rotateX(64deg); }
.capability-scene--screen { display:flex;align-items:center;justify-content:center;gap:20px; }
.capability-address,.capability-hash,.capability-scan,.capability-telegram,.capability-report { position:relative;z-index:2;display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(73,158,255,.5);border-radius:15px;color:#a5d8ff;background:linear-gradient(145deg,rgba(20,84,207,.75),rgba(7,18,80,.88));box-shadow:0 12px 28px rgba(0,42,150,.22);font-size:12px;font-style:normal;font-weight:800; }
.capability-scan { color:white;background:linear-gradient(145deg,#078cff,#3157ef); }
.capability-scan svg,.capability-telegram svg,.capability-report svg { width:22px;height:22px; }
.capability-route { position:absolute;z-index:1;top:50%;left:16%;width:68%;height:1px;background:linear-gradient(90deg,transparent,#19c6ff 18%,#3169ff 82%,transparent); }
.capability-packet { position:absolute;z-index:3;top:calc(50% - 4px);left:21%;width:8px;height:8px;border-radius:50%;background:#4ce5ff;box-shadow:0 0 16px #22cfff;animation:capability-packet 2.4s ease-in-out infinite; }
.capability-scene--understand { display:flex;align-items:center;justify-content:center;gap:28px; }
.capability-gauge { position:relative;z-index:2;display:grid;width:82px;height:82px;place-items:center;border-radius:50%;background:conic-gradient(#46dfb1 0 24%,#2c7fff 24% 62%,rgba(48,62,154,.42) 62%);box-shadow:0 0 34px rgba(28,117,255,.2); }
.capability-gauge::before { position:absolute;inset:10px;border-radius:50%;background:#070936;content:""; }
.capability-gauge i { position:absolute;inset:-5px;border:1px solid rgba(67,146,255,.2);border-radius:50%;animation:capability-orbit 7s linear infinite; }
.capability-gauge i::after { position:absolute;top:4px;left:11px;width:7px;height:7px;border-radius:50%;background:#31d8ff;box-shadow:0 0 12px #31d8ff;content:""; }
.capability-gauge b { position:relative;font-size:20px; }
.capability-bars { position:relative;z-index:2;display:grid;gap:8px;width:86px; }
.capability-bars i { display:block;height:7px;border-radius:99px;background:linear-gradient(90deg,#24d8ca,#267cff);transform-origin:left;animation:capability-bar 2.1s ease-in-out infinite alternate; }
.capability-bars i:nth-child(2){width:76%;animation-delay:.2s}.capability-bars i:nth-child(3){width:52%;animation-delay:.4s}
.capability-scene--understand em { position:absolute;top:16px;right:17px;color:rgba(132,174,255,.56);font-size:8px;font-style:normal;font-weight:800;letter-spacing:.14em; }
.capability-scene--act { display:flex;align-items:center;justify-content:center;gap:46px; }
.capability-telegram { color:#70c8ff; }
.capability-report { color:#8bb9ff; }
.capability-check { position:absolute;z-index:4;right:16%;bottom:20px;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#04152a;background:#42e2b3;box-shadow:0 0 24px rgba(66,226,179,.48);font-size:17px;animation:capability-check 2.5s ease-in-out infinite; }

@keyframes capability-rail-fill { to{height:100%} }
@keyframes capability-packet { 0%,100%{left:21%;opacity:0}15%,85%{opacity:1}50%{left:calc(50% - 4px)}100%{left:76%} }
@keyframes capability-orbit { to{transform:rotate(360deg)} }
@keyframes capability-bar { from{transform:scaleX(.72);filter:saturate(.8)}to{transform:scaleX(1);filter:saturate(1.25)} }
@keyframes capability-check { 0%,100%{transform:scale(.88);opacity:.72}50%{transform:scale(1);opacity:1} }
.card-link { position: relative; display: inline-flex; align-items: center; gap: 8px; margin-top: 24px; color: #9ec9ff; font-size: 13px; font-weight: 700; text-decoration: none; }
.card-link:hover { color: #fff; }

.split { display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); align-items: center; gap: clamp(52px, 8vw, 120px); }
.split--reverse > :first-child { order: 2; }
.visual-panel { position: relative; min-height: 520px; border: 1px solid var(--ndc-line); border-radius: var(--ndc-radius-lg); background: radial-gradient(circle at 50% 35%, rgba(37, 103, 255, .3), transparent 38%), linear-gradient(145deg, rgba(11, 13, 76, .9), rgba(3, 4, 31, .96)); overflow: hidden; box-shadow: var(--ndc-shadow); }
.visual-panel::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 46px 46px; content: ""; mask-image: radial-gradient(circle, #000, transparent 78%); }
.check-window { position: absolute; top: 50%; left: 50%; width: min(82%, 520px); padding: 24px; border: 1px solid rgba(132, 172, 255, .26); border-radius: 22px; background: rgba(6, 8, 39, .88); box-shadow: 0 30px 80px rgba(0, 0, 24, .45); transform: translate(-50%, -50%); backdrop-filter: blur(18px); }
.check-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--ndc-line); color: var(--ndc-subtle); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.risk-score { display: grid; grid-template-columns: 92px 1fr; align-items: center; gap: 22px; padding-top: 22px; }
.score-ring { display: grid; width: 92px; height: 92px; place-items: center; border-radius: 50%; background: conic-gradient(var(--ndc-mint-400) 0 22%, rgba(255,255,255,.08) 22%); }
.score-ring::before { display: grid; width: 72px; height: 72px; place-items: center; border-radius: 50%; background: #080934; color: #fff; font-size: 23px; font-weight: 700; content: "22"; }
.risk-lines { display: grid; gap: 10px; }
.risk-lines span { display: block; height: 7px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; }
.risk-lines span::before { display: block; width: var(--fill, 40%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #25d7b4, #2874ff); content: ""; }

.stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--ndc-line); border-radius: var(--ndc-radius-md); background: var(--ndc-line); overflow: hidden; }
.stat { padding: clamp(28px, 4vw, 58px); background: rgba(5, 6, 43, .92); }
.stat strong { display: block; margin-bottom: 10px; font-size: clamp(42px, 5vw, 76px); line-height: 1; letter-spacing: -.04em; }
.stat span { color: var(--ndc-muted); font-size: 14px; line-height: 1.5; }

.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.pricing-switcher { position:relative; }
.pricing-toggle { position:relative;display:grid;width:min(100%,410px);height:58px;grid-template-columns:1fr 1fr;margin:0 auto;padding:5px;border:1px solid rgba(103,151,255,.34);border-radius:18px;background:rgba(5,7,48,.86);box-shadow:inset 0 0 30px rgba(31,78,210,.08);transition:border-color 220ms ease,box-shadow 220ms ease; }
.pricing-toggle:hover { border-color:rgba(112,188,255,.58);box-shadow:inset 0 0 30px rgba(31,78,210,.12),0 12px 34px rgba(5,28,105,.16); }
.pricing-toggle > i { position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border:1px solid rgba(83,176,255,.4);border-radius:13px;background:linear-gradient(120deg,rgba(13,164,255,.94),rgba(55,83,244,.94));box-shadow:0 12px 28px rgba(21,87,226,.25);transition:transform 430ms cubic-bezier(.16,.84,.24,1); }
[data-pricing-mode="business"] .pricing-toggle > i { transform:translateX(100%); }
.pricing-toggle button { position:relative;z-index:1;border:0;border-radius:12px;color:#b6bdd5;background:transparent;font:inherit;font-size:13px;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:color 240ms ease,background 220ms ease,box-shadow 180ms ease; }
.pricing-toggle button:hover:not([aria-selected="true"]) { color:#fff;background:rgba(68,121,255,.14); }
.pricing-toggle button[aria-selected="true"] { color:#fff; }
.pricing-switcher__note { max-width:650px;margin:18px auto 38px;color:var(--ndc-subtle);font-size:13px;line-height:1.55;text-align:center; }
.pricing-panels { display:grid; }
.pricing-panel { grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity 320ms ease,transform 420ms cubic-bezier(.16,.84,.24,1),visibility 0s linear 420ms; }
.pricing-panel[hidden] { display:block!important; }
.pricing-panel.is-active { opacity:1;visibility:visible;pointer-events:auto;transform:none;animation:pricing-panel-in 480ms cubic-bezier(.16,.84,.24,1) both;transition-delay:0s; }
@keyframes pricing-panel-in { from { opacity:0;transform:translateY(14px); } to { opacity:1;transform:none; } }
.price-card { position:relative;display:flex;min-height:100%;flex-direction:column; }
.price-card--featured { border-color: rgba(62, 132, 255, .58); background: linear-gradient(155deg, rgba(28, 57, 164, .58), rgba(7, 8, 49, .83)); box-shadow: 0 22px 70px rgba(17, 64, 212, .16); }
.price-card--business { background-image:radial-gradient(circle at 90% 8%,rgba(45,207,255,.12),transparent 34%); }
.price-label { color: #9dc5ff; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.price-badge { position:absolute;top:24px;right:24px;padding:7px 10px;border:1px solid rgba(116,202,255,.4);border-radius:999px;color:#dff7ff;background:rgba(16,95,210,.34);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.price-heading { margin:18px 0 14px; }
.price-title { margin:0;font-size:32px;letter-spacing:-.03em; }
.price-unit { display:block;margin-top:8px;color:#68b4ff;font-size:14px;font-weight:800;line-height:1.35; }
.price-rate { display:block;margin-top:5px;color:#d8e9ff;font-size:12px;font-weight:700;line-height:1.4; }
.price-meta { width:fit-content;margin:0 0 16px;padding:7px 10px;border:1px solid rgba(106,151,255,.22);border-radius:9px;color:#cbd5ed;background:rgba(13,25,87,.34);font-size:11px;font-weight:700;line-height:1.35; }
.price-copy { min-height: 72px; margin: 0; color: var(--ndc-muted); font-size: 15px; line-height: 1.55; }
.feature-list { display: grid; gap: 13px; margin: 28px 0 32px; padding: 24px 0 0; border-top: 1px solid var(--ndc-line); list-style: none; }
.feature-list li { position: relative; padding-left: 24px; color: rgba(239, 244, 255, .8); font-size: 14px; line-height: 1.45; }
.feature-list li::before { position: absolute; top: .42em; left: 1px; width: 8px; height: 8px; border-radius: 50%; background: var(--ndc-mint-400); box-shadow: 0 0 8px rgba(54, 217, 157, .6); content: ""; }
.price-card .button { width: 100%; margin-top: auto; }

.faq-list { display: grid; max-width: 980px; gap: 12px; margin: 0 auto; counter-reset:ndc-faq; }
.faq-item { counter-increment:ndc-faq;border: 1px solid var(--ndc-line); border-radius: 16px; background: rgba(8, 9, 53, .65); overflow: hidden;transition:border-color 220ms ease,background 220ms ease,transform 220ms ease; }
.faq-item:hover,.faq-item.is-open { border-color:rgba(92,151,255,.38);background:rgba(10,13,72,.82);transform:translateX(4px); }
.faq-question { display: grid; width: 100%;grid-template-columns:42px minmax(0,1fr) 30px;align-items: center;gap: 18px; padding: 22px 24px; border: 0; color: #fff; background: transparent; font-size: 17px; font-weight: 700; text-align: left; cursor: pointer; }
.faq-question::before { color:#6ca8ff;font-size:10px;font-weight:800;letter-spacing:.12em;content:"0" counter(ndc-faq); }
.faq-question::after { display: grid; width: 28px; height: 28px; flex: none; place-items: center; border: 1px solid var(--ndc-line); border-radius: 9px; color: #8cbcff; content: "+"; transition: transform 180ms ease; }
.faq-item.is-open .faq-question::after { transform: rotate(45deg); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 280ms ease; }
.faq-answer p { margin: 0; padding: 0 64px 24px 24px; color: var(--ndc-muted); line-height: 1.65; }

.cta-panel { position:relative;width:min(100%,1360px);min-height:0;margin-inline:auto;padding:clamp(44px,4vw,56px);border:1px solid var(--ndc-line-strong);border-radius:24px;background:linear-gradient(120deg,rgba(13,26,111,.84),rgba(5,6,39,.96) 62%);text-align:left;overflow:hidden; }
.cta-panel::before { position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,188,255,.14),transparent 26%),repeating-linear-gradient(90deg,transparent 0 86px,rgba(255,255,255,.025) 86px 87px);content:"";mask-image:linear-gradient(90deg,#000,transparent 84%); }
.cta-panel::after { position:absolute;top:22px;right:26px;color:rgba(139,170,255,.38);font-size:8px;font-weight:800;letter-spacing:.18em;content:"KYT / AML"; }
.cta-panel > * { position: relative; }
.cta-panel > div { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(44px,5vw,72px); }
.cta-panel__copy { display:grid;align-content:center;gap:clamp(24px,2vw,28px);min-width:0; }
.cta-panel .section-title { max-width:760px;margin:0;font-size:clamp(42px,4.3vw,64px); }
.cta-panel .cta-panel__copy .section-copy { max-width:590px;margin:0; }
.cta-panel .button-row { display:grid;width:100%;max-width:320px;justify-self:end;align-self:center;margin:0; }
.cta-panel .button-row .button { width:100%; }

#faq .container { display:grid;grid-template-columns:minmax(320px,.76fr) minmax(520px,1.24fr);align-items:start;gap:clamp(54px,7vw,110px); }
#faq .section-heading { position:sticky;top:112px;margin:0; }
#faq .section-title { max-width:620px;font-size:clamp(48px,4.3vw,66px); }
#faq .faq-list { width:100%;max-width:none;margin:8px 0 0; }

/* Inner pages */
.inner-hero { position: relative; padding: clamp(90px, 10vw, 150px) 0 clamp(72px, 8vw, 118px); border-bottom: 1px solid var(--ndc-line); background: radial-gradient(circle at 72% 30%, rgba(30, 90, 255, .24), transparent 30%); overflow: hidden; }
.inner-title { max-width: 1040px; margin: 0; font-size: clamp(52px, 5.05vw, 84px); line-height: 1.035; letter-spacing: -.024em; }
.inner-intro { max-width: 720px; margin: 28px 0 0; color: var(--ndc-muted); font-size: clamp(18px, 1.6vw, 23px); line-height: 1.6; }
.product-hero { padding-block:clamp(86px,8vw,118px) clamp(40px,4.5vw,66px); }
.product-hero__layout { position:relative;display:grid;grid-template-columns:minmax(430px,.82fr) minmax(620px,1.18fr);align-items:center;gap:clamp(8px,1.6vw,28px);min-height:540px; }
.product-hero__copy { position:relative;z-index:2;min-width:0;padding-block:24px; }
.product-hero__title { max-width:650px; }
.product-hero__copy .inner-intro { max-width:610px; }
.product-hero__actions { display:flex;margin-top:30px; }
.product-hero__scene { position:relative;z-index:1;align-self:end;width:clamp(720px,58vw,980px);max-width:none;margin:0 -9vw -66px -100px;pointer-events:none; }
.product-hero__scene::before { position:absolute;z-index:-1;inset:18% 7% 4% 30%;border-radius:50%;background:radial-gradient(circle,rgba(20,96,255,.18),transparent 70%);filter:blur(20px);content:""; }
.product-hero__scene picture,.product-hero__scene img { display:block;width:100%;height:auto; }
.product-hero__scene img { filter:drop-shadow(0 28px 48px rgba(0,0,32,.3)); }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; color: var(--ndc-subtle); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.breadcrumbs a { color: #8ebeff; text-decoration: none; }

.usecase-row { display: grid; grid-template-columns: minmax(220px, .45fr) minmax(0, 1fr); gap: 40px; padding: 44px 0; border-top: 1px solid var(--ndc-line); }
.usecase-row:last-child { border-bottom: 1px solid var(--ndc-line); }
.usecase-row h3 { margin: 0; font-size: 30px; letter-spacing: -.03em; }
.usecase-row p { max-width: 760px; margin: 0; color: var(--ndc-muted); font-size: 17px; line-height: 1.7; }
.usecase-list .usecase-row { grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(36px,5vw,84px);padding-block:34px; }
.usecase-row__heading { display:grid;min-width:0;grid-template-columns:26px 48px minmax(0,1fr);align-items:center;gap:16px; }
.usecase-row__heading > span { color:rgba(112,176,255,.68);font-size:10px;font-weight:800;letter-spacing:.14em; }
.usecase-row__heading .card-icon { width:48px;height:48px;margin:0;padding:12px;border-radius:14px; }
.usecase-list .usecase-row h3 { font-size:clamp(26px,2.2vw,34px);line-height:1.08; }
.usecase-list .usecase-row p { max-width:720px;font-size:15px;line-height:1.65; }

/* Real workflow story carousel */
.workflow-stories-section { border-block:1px solid rgba(101,150,255,.13);background:radial-gradient(circle at 12% 22%,rgba(27,89,255,.15),transparent 33%),linear-gradient(180deg,rgba(9,11,65,.58),rgba(4,5,36,.34)); }
.workflow-stories-section .section-heading { max-width:1180px; }
.workflow-stories { width:min(100%,1120px);margin-inline:auto;border:1px solid rgba(111,158,255,.26);border-radius:28px;background:linear-gradient(145deg,rgba(10,13,70,.92),rgba(3,4,30,.96));box-shadow:0 30px 82px rgba(0,0,30,.3);overflow:hidden;outline:none; }
.workflow-stories:focus-visible { border-color:rgba(57,174,255,.78);box-shadow:0 0 0 3px rgba(23,134,255,.16),0 34px 100px rgba(0,0,30,.32); }
.workflow-stories__viewport { overflow:hidden; }
.workflow-stories__track { display:flex;transform:translate3d(0,0,0);transition:transform 720ms cubic-bezier(.16,.84,.22,1);will-change:transform; }
.workflow-story { display:grid;min-width:100%;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);align-items:stretch; }
.workflow-story__visual { position:relative;min-height:420px;margin:0;border-right:1px solid rgba(106,153,255,.2);background:#03041f;overflow:hidden; }
.workflow-story__visual picture,.workflow-story__visual img { display:block;width:100%;height:100%; }
.workflow-story__visual img { object-fit:cover; }
.workflow-story__visual::after { position:absolute;inset:0;background:linear-gradient(90deg,transparent 64%,rgba(4,5,39,.5)),linear-gradient(0deg,rgba(4,5,39,.4),transparent 28%);content:"";pointer-events:none; }
.workflow-story__visual > span { position:absolute;z-index:1;top:24px;left:26px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(116,172,255,.46);border-radius:14px;color:#a8ceff;background:rgba(5,8,52,.72);font-size:10px;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(12px); }
.workflow-story__copy { display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(34px,3.6vw,52px); }
.workflow-story__type { margin:0 0 16px;color:#70b5ff;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase; }
.workflow-story__copy h3 { max-width:500px;margin:0;font-size:clamp(34px,3vw,46px);line-height:1.04;letter-spacing:-.022em; }
.workflow-story__copy > p:not(.workflow-story__type) { max-width:540px;margin:20px 0 0;color:var(--ndc-muted);font-size:15px;line-height:1.58; }
.workflow-story__decision { display:flex;width:fit-content;max-width:520px;align-items:flex-start;gap:13px;margin-top:22px;padding:12px 15px;border:1px solid rgba(67,221,171,.28);border-radius:14px;color:#e7fff7;background:linear-gradient(110deg,rgba(42,198,148,.14),rgba(7,31,68,.42));font-size:13px;font-weight:700;line-height:1.45; }
.workflow-story__decision i { width:9px;height:9px;flex:none;margin-top:.42em;border-radius:50%;background:var(--ndc-mint-400);box-shadow:0 0 14px rgba(54,217,157,.72); }
.workflow-stories__controls { display:grid;min-height:70px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:10px 18px;border-top:1px solid rgba(103,150,255,.2);background:rgba(3,4,31,.78); }
.workflow-stories__nav { display:flex;gap:10px; }
.workflow-stories__nav button { display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(107,156,255,.3);border-radius:14px;color:#9bc9ff;background:rgba(13,28,105,.48);cursor:pointer;transition:transform 220ms ease,border-color 220ms ease,background 220ms ease; }
.workflow-stories__nav button:hover { border-color:rgba(77,174,255,.72);background:rgba(20,63,174,.55);transform:translateY(-2px); }
.workflow-stories__nav svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.workflow-stories__status { display:flex;align-items:center;gap:11px;color:rgba(155,190,255,.62);font-size:10px;font-weight:800;letter-spacing:.13em; }
.workflow-stories__status span:first-child { color:#fff; }
.workflow-stories__status i { width:42px;height:1px;background:linear-gradient(90deg,#09cfff,#395cff); }
.workflow-stories__dots { display:flex;justify-self:end;gap:7px; }
.workflow-stories__dots i { width:7px;height:7px;border-radius:99px;background:rgba(130,166,255,.25);transition:width 320ms ease,background 320ms ease; }
.workflow-stories__dots i.is-active { width:24px;background:linear-gradient(90deg,#0acfff,#385cff); }

/* Interactive Telegram product preview */
.telegram-preview-section { border-block:1px solid rgba(113,155,255,.12);background:linear-gradient(180deg,rgba(13,14,78,.42),rgba(5,5,38,.15)); }
.telegram-preview-layout { display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(42px,4vw,64px); }
.telegram-preview-copy { max-width:640px; }
.telegram-preview-copy .section-title { max-width:620px;font-size:clamp(48px,3.75vw,56px);line-height:1.045;letter-spacing:-.018em; }
.telegram-preview { border:1px solid rgba(113,163,255,.3);border-radius:28px;background:linear-gradient(160deg,rgba(9,13,74,.96),rgba(3,4,28,.98));box-shadow:0 30px 90px rgba(0,0,28,.42);overflow:hidden; }
.telegram-preview__bar { display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border-bottom:1px solid var(--ndc-line);color:#dfe8ff;font-size:12px;font-weight:700;letter-spacing:.04em; }
.telegram-preview__bar span { display:flex;align-items:center;gap:10px; }.telegram-preview__bar span i { width:8px;height:8px;border-radius:50%;background:var(--ndc-mint-400);box-shadow:0 0 12px var(--ndc-mint-400); }
.telegram-preview__bar b { color:var(--ndc-subtle);font-size:9px;letter-spacing:.14em;text-transform:uppercase; }
.telegram-preview__chat { display:flex;min-height:420px;flex-direction:column;justify-content:flex-end;gap:12px;padding:28px;background:radial-gradient(circle at 100% 0,rgba(35,90,255,.18),transparent 36%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,100% 52px; }
.demo-message { width:min(82%,470px);padding:15px 17px;border:1px solid var(--ndc-line);border-radius:18px 18px 18px 5px;background:rgba(12,15,75,.9);box-shadow:0 16px 35px rgba(0,0,24,.18); }
.demo-message[hidden] { display:none; }.demo-message small { display:block;margin-bottom:7px;color:#72afff;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }.demo-message p { margin:0;color:rgba(239,244,255,.82);font-size:14px;line-height:1.5; }
.demo-message--user { align-self:flex-end;border-color:rgba(48,129,255,.38);border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,rgba(19,113,232,.9),rgba(45,76,219,.92)); }.demo-message--user small,.demo-message--user p { color:#fff; }
.demo-message--typing span { display:flex;gap:6px; }.demo-message--typing span i { width:7px;height:7px;border-radius:50%;background:#75a9ff;animation:demo-typing 900ms infinite ease-in-out; }.demo-message--typing span i:nth-child(2){animation-delay:150ms}.demo-message--typing span i:nth-child(3){animation-delay:300ms}
.demo-message--result { width:min(90%,520px);padding:19px; }.demo-message--result > div { display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;margin-bottom:10px; }.demo-message--result strong { font-size:19px; }.demo-message--result > div b { color:#75b0ff;font-size:12px; }.demo-risk-dot { width:9px;height:9px;border-radius:50%;background:var(--ndc-mint-400);box-shadow:0 0 12px var(--ndc-mint-400); }.demo-message--result ul { display:grid;gap:6px;margin:13px 0 0;padding:12px 0 0;border-top:1px solid var(--ndc-line);list-style:none; }.demo-message--result li { color:var(--ndc-muted);font-size:12px; }.demo-message--result li::before { margin-right:8px;color:var(--ndc-mint-400);content:"•"; }
.telegram-preview__composer { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 18px;border-top:1px solid var(--ndc-line); }.telegram-preview__composer input { min-width:0;height:50px;padding:0 17px;border:1px solid var(--ndc-line);border-radius:14px;outline:0;color:#fff;background:rgba(3,4,28,.72);font-size:14px; }.telegram-preview__composer input:focus { border-color:rgba(81,154,255,.65);box-shadow:0 0 0 3px rgba(41,113,255,.1); }.telegram-preview__composer .button { min-width:124px; }
.demo-message--high-risk { border-color:rgba(255,93,102,.38);background:linear-gradient(145deg,rgba(45,10,48,.96),rgba(14,8,48,.96));box-shadow:0 18px 46px rgba(50,0,27,.28); }
.demo-message--high-risk .demo-risk-dot { background:#ff5964;box-shadow:0 0 14px rgba(255,89,100,.9); }
.demo-message--high-risk > div b { color:#ff9097; }
.demo-message--high-risk li::before { color:#ff737c; }
.telegram-preview__note { margin:0;padding:0 20px 18px;color:rgba(207,220,255,.46);font-size:10px;line-height:1.5; }
.sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }

/* Verifiable product facts with lightweight explanatory scenes */
.section--facts { border-block:1px solid rgba(113,155,255,.12);background:linear-gradient(180deg,rgba(10,13,68,.34),rgba(4,5,34,.12)); }
.facts-heading { display:grid;grid-template-columns:minmax(0,.86fr) minmax(360px,.54fr);column-gap:clamp(42px,6vw,90px);align-items:end;margin-bottom:clamp(34px,4vw,54px); }
.facts-heading .kicker { grid-column:1; }
.facts-heading .section-title { grid-column:1;max-width:780px;font-size:clamp(42px,4.5vw,68px); }
.facts-heading .section-copy { grid-column:2;grid-row:1 / span 2;align-self:end;margin:0; }
.facts-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px; }
.fact-card { position:relative;display:grid;min-width:0;min-height:440px;grid-template-rows:230px 1fr;border:1px solid var(--ndc-line);border-radius:24px;background:radial-gradient(circle at 76% 12%,rgba(37,108,255,.2),transparent 38%),linear-gradient(155deg,rgba(13,17,82,.84),rgba(4,5,34,.92));overflow:hidden;box-shadow:0 24px 60px rgba(0,1,32,.18); }
.fact-card--1,.fact-card--2 { grid-column:span 6; }
.fact-card--3,.fact-card--4,.fact-card--5 { grid-column:span 4; }
.fact-card__copy { position:relative;padding:26px clamp(22px,2.2vw,34px) 30px;border-top:1px solid var(--ndc-line);background:linear-gradient(180deg,rgba(7,9,52,.8),rgba(4,5,34,.95)); }
.fact-card__copy > span { display:block;margin-bottom:28px;color:rgba(112,176,255,.58);font-size:11px;font-weight:800;letter-spacing:.14em; }
.fact-card small { display:block;margin-bottom:12px;color:#76b7ff;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase; }
.fact-card h3 { margin:0 0 14px;font-size:clamp(22px,1.8vw,28px);line-height:1.08;letter-spacing:-.018em; }
.fact-card p { margin:0;color:var(--ndc-muted);font-size:14px;line-height:1.62; }

.motion-scene { position:relative;min-width:0;min-height:230px;overflow:hidden;isolation:isolate; }
.motion-scene::before { position:absolute;inset:0;background:linear-gradient(rgba(122,158,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(122,158,255,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent);content:""; }
.motion-scene::after { position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(25,92,255,.22);filter:blur(58px);content:"";inset:-90px -70px auto auto; }

.relation-map svg { position:absolute;z-index:1;inset:0;width:100%;height:100%; }
.relation-routes path { fill:none;stroke:rgba(70,148,255,.42);stroke-width:2;stroke-dasharray:7 9;animation:relation-flow 4.4s linear infinite; }
.relation-routes .relation-route--alert { stroke:rgba(255,88,102,.72);animation-duration:2.6s; }
.relation-nodes circle { fill:#0a1d78;stroke:#54b8ff;stroke-width:3;filter:drop-shadow(0 0 10px rgba(0,188,255,.75)); }
.relation-nodes .relation-node--alert { fill:#4f102d;stroke:#ff6773; }
.relation-core { position:absolute;z-index:3;top:50%;left:50%;display:grid;width:72px;height:72px;place-items:center;border:1px solid rgba(96,175,255,.8);border-radius:22px;color:#fff;background:linear-gradient(145deg,#1388f5,#2735c8);box-shadow:0 0 0 10px rgba(37,116,255,.09),0 18px 40px rgba(0,63,255,.32);font-weight:800;transform:translate(-50%,-50%) rotate(8deg); }
.relation-pulse { position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#70d4ff;box-shadow:0 0 16px #00bcff;offset-path:path("M258 120L112 62");animation:relation-packet 2.8s ease-in-out infinite; }
.relation-pulse--two { background:#ff7380;box-shadow:0 0 16px #ff5964;offset-path:path("M258 120L436 170");animation-delay:1.2s; }
.relation-tag { position:absolute;z-index:3;padding:6px 9px;border:1px solid var(--ndc-line);border-radius:8px;color:#94c8ff;background:rgba(3,7,40,.82);font-size:8px;letter-spacing:.12em; }
.relation-tag--one { top:18%;left:14%; }.relation-tag--two { right:10%;bottom:16%; }

.network-scene { display:grid;place-items:center;perspective:600px; }
.network-ring { position:absolute;border:1px solid rgba(72,150,255,.34);border-radius:50%;transform:rotateX(65deg); }
.network-ring--outer { width:330px;height:180px;animation:network-ring-spin 12s linear infinite; }
.network-ring--inner { width:190px;height:108px;border-color:rgba(0,209,255,.42);animation:network-ring-spin 8s linear infinite reverse; }
.network-core { z-index:2;display:grid;width:66px;height:66px;place-items:center;border:1px solid rgba(91,176,255,.72);border-radius:20px;background:linear-gradient(145deg,#1164ec,#17249f);box-shadow:0 0 34px rgba(38,111,255,.52);font-size:14px; }
.network-token { position:absolute;z-index:3;display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(111,179,255,.58);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 28%,rgba(85,177,255,.9),rgba(14,26,106,.96) 58%);box-shadow:0 14px 32px rgba(0,35,150,.36);font-size:10px;font-weight:800;font-style:normal;animation:network-token-float 4s ease-in-out infinite; }
.network-token--btc { top:21%;left:19%; }.network-token--eth { top:16%;right:18%;animation-delay:-1.2s; }.network-token--trx { right:22%;bottom:12%;animation-delay:-2.4s; }

.result-format-scene { display:grid;place-items:center; }
.result-format-card { position:relative;z-index:2;width:min(78%,360px);padding:18px;border:1px solid rgba(90,163,255,.44);border-radius:18px;background:linear-gradient(150deg,rgba(7,14,71,.95),rgba(3,4,28,.98));box-shadow:0 24px 55px rgba(0,12,72,.38);transform:perspective(700px) rotateY(-7deg) rotateX(4deg); }
.result-format-head { display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--ndc-line);color:#779ddd;font-size:7px;letter-spacing:.12em; }.result-format-head b { color:#b9d2ff; }
.result-format-score { display:grid;grid-template-columns:64px 1fr;align-items:center;gap:16px;padding:16px 0 12px; }.result-format-score > strong { display:grid;width:58px;height:58px;place-items:center;border:7px solid #ff5c68;border-left-color:#15195f;border-radius:50%;font-size:20px; }.result-format-score > span { display:grid;gap:7px; }.result-format-score > span b { height:6px;border-radius:99px;background:linear-gradient(90deg,#00d4ff,#3260ff 72%,rgba(255,255,255,.08) 72%);transform:scaleX(0);transform-origin:left;transition:transform 850ms cubic-bezier(.2,.75,.2,1); }.result-format-score > span b:nth-child(2){transition-delay:160ms;background:linear-gradient(90deg,#ff6670,#ff9e6b 46%,rgba(255,255,255,.08) 46%)}.result-format-score > span b:nth-child(3){transition-delay:300ms;background:linear-gradient(90deg,#6c8aff,#505ef5 58%,rgba(255,255,255,.08) 58%)}
.is-motion-active .result-format-score > span b { transform:scaleX(1); }
.result-format-chips { display:flex;gap:6px; }.result-format-chips i { padding:5px 7px;border:1px solid rgba(90,151,255,.25);border-radius:6px;color:#8eb9ff;font-size:6px;font-style:normal;letter-spacing:.09em; }
.result-format-report { display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ndc-line); }.result-format-report span { color:#ff7782;font-size:8px;font-weight:800; }.result-format-report b { width:68%;height:5px;border-radius:99px;background:rgba(255,255,255,.12); }

.analysis-path-scene { display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding-inline:9%; }
.analysis-track { position:absolute;z-index:1;right:14%;left:14%;height:2px;background:rgba(77,137,255,.18);overflow:visible; }.analysis-track span { display:block;width:0;height:100%;background:linear-gradient(90deg,#00d4ff,#4c4fff);box-shadow:0 0 16px rgba(0,188,255,.7);transition:width 1.8s cubic-bezier(.2,.75,.2,1); }.is-motion-active .analysis-track span { width:100%; }.analysis-track i { position:absolute;top:50%;left:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 18px #00bcff;transform:translate(-50%,-50%);opacity:0; }.is-motion-active .analysis-track i { animation:analysis-packet 1.8s cubic-bezier(.2,.75,.2,1) both; }
.analysis-node { position:relative;z-index:2;display:grid;justify-items:center;gap:12px;opacity:.44;transform:translateY(8px);transition:opacity 350ms ease,transform 500ms cubic-bezier(.2,.75,.2,1); }.analysis-node span { display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(86,163,255,.5);border-radius:20px;color:#fff;background:linear-gradient(145deg,rgba(27,94,225,.95),rgba(14,22,94,.98));box-shadow:0 16px 35px rgba(0,31,139,.3);font-weight:800; }.analysis-node span svg { width:26px; }.analysis-node b { color:#7597d5;font-size:8px;letter-spacing:.14em; }.is-motion-active .analysis-node { opacity:1;transform:none; }.is-motion-active .analysis-node--signals { transition-delay:600ms; }.is-motion-active .analysis-node--result { transition-delay:1200ms; }.analysis-node--result span { border-color:rgba(54,217,157,.62);background:linear-gradient(145deg,#16a879,#124a7f); }

.privacy-vault-scene { display:grid;place-items:center; }
.vault-shell { position:relative;z-index:2;display:grid;width:150px;height:146px;place-items:center;border:1px solid rgba(84,168,255,.56);border-radius:42% 42% 28% 28% / 30% 30% 48% 48%;background:linear-gradient(155deg,rgba(18,67,182,.76),rgba(5,15,67,.96));box-shadow:inset 0 0 32px rgba(49,137,255,.17),0 22px 48px rgba(0,28,126,.3); }
.vault-lock { display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(130,198,255,.54);border-radius:16px;background:rgba(3,14,68,.72); }.vault-lock svg { width:25px; }.vault-slots { position:absolute;bottom:20px;display:flex;gap:7px; }.vault-slots i { width:20px;height:4px;border-radius:99px;background:#31aaff;box-shadow:0 0 10px rgba(0,188,255,.62); }
.vault-data,.vault-rejected { position:absolute;z-index:3;padding:7px 9px;border:1px solid rgba(95,169,255,.32);border-radius:8px;color:#8fd2ff;background:rgba(4,8,48,.88);font-size:7px;font-weight:800;letter-spacing:.1em;opacity:0; }
.vault-data--address { top:22%;left:10%; }.vault-data--hash { top:16%;right:10%; }.vault-data--network { right:11%;bottom:18%; }.vault-rejected { bottom:17%;left:9%;border-color:rgba(255,94,105,.42);color:#ff8992; }.vault-rejected b { margin-left:5px;color:#ff5361; }
.is-motion-active .vault-data { animation:vault-accept 3.5s ease-in-out infinite; }.is-motion-active .vault-data--hash{animation-delay:.45s}.is-motion-active .vault-data--network{animation-delay:.9s}.is-motion-active .vault-rejected{animation:vault-reject 3.5s 1.15s ease-in-out infinite;}

/* Risk-category taxonomy */
.risk-taxonomy-section { background:radial-gradient(circle at 50% 0,rgba(37,91,255,.13),transparent 34%); }
.risk-taxonomy { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start; }
.risk-category { position:relative;border:1px solid var(--ndc-line);border-radius:24px;background:linear-gradient(155deg,rgba(12,15,76,.84),rgba(4,5,34,.94));overflow:hidden; }
.risk-category::before { position:absolute;inset:0 0 auto;height:3px;background:var(--risk-color);box-shadow:0 0 18px var(--risk-color);content:""; }
.risk-category--high { --risk-color:#ff5964; }.risk-category--medium { --risk-color:#ffc74f; }.risk-category--low { --risk-color:#36d99d; }
.risk-category header { display:grid;grid-template-columns:46px 1fr 10px;align-items:center;gap:18px;padding:26px;border-bottom:1px solid var(--ndc-line); }
.risk-category header > span { display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--risk-color) 48%,transparent);border-radius:50%;color:var(--risk-color);background:color-mix(in srgb,var(--risk-color) 8%,transparent);font-size:10px;font-weight:800; }
.risk-category header small { display:block;margin-bottom:7px;color:var(--risk-color);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase; }.risk-category header h3 { margin:0;font-size:clamp(22px,2vw,29px);line-height:1.08; }.risk-category header > i { width:8px;height:8px;border-radius:50%;background:var(--risk-color);box-shadow:0 0 14px var(--risk-color); }
.risk-category ul { display:grid;margin:0;padding:12px 26px 22px;list-style:none; }.risk-category li { position:relative;padding:10px 0 10px 20px;border-bottom:1px solid rgba(145,173,255,.09);color:var(--ndc-muted);font-size:13px;line-height:1.35;opacity:0;transform:translateX(-8px);transition:opacity 420ms ease,transform 520ms cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--risk-index) * 55ms); }.risk-category li:last-child { border-bottom:0; }.risk-category li::before { position:absolute;top:16px;left:1px;width:6px;height:6px;border-radius:50%;background:var(--risk-color);box-shadow:0 0 10px color-mix(in srgb,var(--risk-color) 70%,transparent);content:""; }.risk-taxonomy.is-motion-active .risk-category li { opacity:1;transform:none; }
.risk-taxonomy__note { max-width:860px;margin:24px 0 0;padding-left:18px;border-left:2px solid rgba(104,161,255,.46);color:var(--ndc-muted);font-size:13px;line-height:1.65; }

/* Operational privacy summary kept visibly separate from the legal placeholder */
.legal-hero--with-data { min-height:auto;padding-bottom:clamp(48px,5vw,72px); }
.privacy-data { padding-top:clamp(48px,5vw,72px); }
.privacy-data__grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ndc-line-strong);border-radius:26px;overflow:hidden; }
.privacy-data__grid article { min-height:270px;padding:clamp(28px,3vw,42px);background:linear-gradient(150deg,rgba(10,13,73,.88),rgba(4,5,34,.94)); }
.privacy-data__grid article + article { border-left:1px solid var(--ndc-line); }
.privacy-data__grid span { display:block;margin-bottom:62px;color:#70b4ff;font-size:11px;font-weight:800;letter-spacing:.15em; }
.privacy-data__grid h3 { margin:0 0 14px;font-size:clamp(25px,2.2vw,34px);line-height:1.08;letter-spacing:-.018em; }
.privacy-data__grid p { margin:0;color:var(--ndc-muted);font-size:15px;line-height:1.65; }

/* Transparent product limitations */
.honest-limits__grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--ndc-line);border-radius:26px;background:var(--ndc-line);overflow:hidden; }
.honest-limit { position:relative;display:flex;min-height:300px;flex-direction:column;padding:clamp(28px,3vw,42px);background:linear-gradient(150deg,rgba(10,13,73,.96),rgba(4,5,34,.98)); }
.honest-limit__top { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(34px,3.5vw,48px); }
.honest-limit__top > span { display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(84,150,255,.38);border-radius:50%;color:#76b7ff;background:rgba(20,55,136,.16);font-size:13px;font-weight:800;letter-spacing:.08em; }
.honest-limit .card-icon { width:58px;height:58px;margin:0; }
.honest-limit__body { margin-top:0; }
.honest-limit h3 { max-width:360px;margin:0 0 14px;font-size:clamp(27px,2.3vw,36px);line-height:1.06;letter-spacing:-.018em; }.honest-limit p { max-width:410px;margin:0;color:var(--ndc-muted);font-size:15px;line-height:1.62; }

/* Human-readable result interpretation */
.result-guide { border:1px solid var(--ndc-line-strong);border-radius:30px;background:radial-gradient(circle at 0 0,rgba(0,188,255,.12),transparent 34%),rgba(5,7,44,.92);overflow:hidden; }
.result-guide__intro { display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:38px;padding:clamp(34px,5vw,66px);border-bottom:1px solid var(--ndc-line); }.result-guide__intro .kicker,.result-guide__intro .section-title { grid-column:1; }.result-guide__intro .section-copy { grid-column:2;grid-row:1 / span 2;align-self:end;margin:0; }
.result-guide__steps { position:relative;display:grid;grid-template-columns:repeat(3,1fr); }.result-guide__steps article { position:relative;z-index:2;min-height:430px;padding:clamp(28px,3.4vw,48px); }.result-guide__steps article + article { border-left:1px solid var(--ndc-line); }.result-guide__steps article > span { display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(75,147,255,.36);border-radius:50%;color:#77b8ff;background:#07083e;font-size:10px;font-weight:800;transition:border-color 350ms ease,background 350ms ease,box-shadow 350ms ease; }.result-guide__steps small { display:block;margin-top:24px;color:#65a9ff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase; }.result-guide__steps h3 { margin:12px 0;font-size:clamp(26px,2.5vw,38px);line-height:1.05;letter-spacing:-.025em; }.result-guide__steps p { margin:0;color:var(--ndc-muted);font-size:15px;line-height:1.62; }
.result-guide__progress { position:absolute;z-index:1;top:65px;right:7%;left:7%;height:2px;background:rgba(76,135,255,.16); }.result-guide__progress i { display:block;width:var(--result-progress,0%);height:100%;background:linear-gradient(90deg,#00d4ff,#4e4cff);box-shadow:0 0 14px rgba(0,188,255,.66); }
.result-guide__steps article.is-story-reached > span { border-color:#42c8ff;background:#105cd0;box-shadow:0 0 18px rgba(0,188,255,.4); }
.result-story-visual { position:relative;height:120px;margin:30px 0 18px;border:1px solid rgba(85,149,255,.2);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(34,102,255,.18),transparent 60%),rgba(3,5,36,.52);overflow:hidden; }
.result-story-visual--signal i { position:absolute;width:10px;height:10px;border-radius:50%;background:#31c8ff;box-shadow:0 0 14px #00bcff; }.result-story-visual--signal i:nth-child(1){top:24%;left:20%}.result-story-visual--signal i:nth-child(2){top:62%;left:48%}.result-story-visual--signal i:nth-child(3){top:28%;right:18%;background:#ff6671;box-shadow:0 0 14px #ff5964}.result-story-visual--signal b { position:absolute;top:50%;left:50%;width:56px;height:56px;border:1px solid #4f9cff;border-radius:16px;background:linear-gradient(145deg,#1d7ee9,#2225a5);transform:translate(-50%,-50%) rotate(8deg); }
.result-story-visual--meaning { display:grid;place-items:center; }.result-story-visual--meaning span { width:88px;height:88px;border:12px solid #2536aa;border-top-color:#36d99d;border-right-color:#2b8cff;border-radius:50%;transform:rotate(-28deg); }.result-story-visual--meaning i,.result-story-visual--meaning b { position:absolute;height:5px;border-radius:99px;background:#3b75e7; }.result-story-visual--meaning i { width:30%;right:8%;bottom:26%; }.result-story-visual--meaning b { width:22%;right:12%;bottom:16%;opacity:.6; }
.result-story-visual--action { display:flex;align-items:center;justify-content:center;gap:12px; }.result-story-visual--action i { display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(94,155,255,.3);border-radius:14px;color:#90baff;background:rgba(15,35,111,.46);font-size:17px;font-style:normal;font-weight:800;opacity:.52;transform:translateY(8px);transition:opacity 350ms ease,transform 450ms cubic-bezier(.2,.75,.2,1),border-color 350ms ease; }.result-guide__steps article.is-story-reached .result-story-visual--action i { opacity:1;transform:none; }.result-guide__steps article.is-story-reached .result-story-visual--action i:nth-child(1){border-color:rgba(54,217,157,.58);color:#4ae6ac}.result-guide__steps article.is-story-reached .result-story-visual--action i:nth-child(3){border-color:rgba(255,89,100,.5);color:#ff7882}

.contact-grid { display: grid; grid-template-columns: minmax(310px, .72fr) minmax(0, 1.28fr); align-items: start; gap: 18px; }
.contact-actions { display: grid; gap: 14px; }
.contact-action { position: relative; display: grid; min-width: 0; grid-template-columns: 50px minmax(0, 1fr); gap: 17px; padding: 24px; border: 1px solid var(--ndc-line); border-radius: 18px; color: #fff; background: linear-gradient(145deg, rgba(17,20,83,.64), rgba(5,6,41,.76)); text-decoration: none; overflow: hidden; transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease; }
.contact-action::after { position: absolute; right: 20px; bottom: 18px; color: #78b7ff; font-size: 18px; content: "↗"; transition: transform 220ms ease, color 220ms ease; }
.contact-action:hover { border-color: var(--ndc-line-strong); background: linear-gradient(145deg, rgba(24,33,126,.7), rgba(5,6,41,.8)); box-shadow: 0 18px 48px rgba(0, 37, 145, .18); transform: translateY(-3px); }
.contact-action:focus-visible { border-color: rgba(75,155,255,.82); outline: 3px solid rgba(54,129,255,.28); outline-offset: 3px; box-shadow: 0 18px 48px rgba(0,37,145,.22); }
.contact-action:hover::after, .contact-action:focus-visible::after { color: #fff; transform: translate(3px, -3px); }
.contact-action .card-icon { grid-row: span 2; margin: 0; }
.contact-action > span:nth-child(2) { min-width: 0; }
.contact-action strong { display: block; margin-bottom: 9px; font-size: clamp(21px, 2vw, 29px); letter-spacing: -.025em; }
.contact-action small { display: block; color: var(--ndc-muted); font-size: 14px; line-height: 1.55; }
.contact-action > b { grid-column: 2; padding-right: 28px; color: #9bcaff; font-size: 12px; }
.contact-panel { padding: clamp(28px, 3vw, 44px); }
.contact-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.contact-panel > .card-copy { margin-bottom: 24px; }
.contact-form > .button { width: 100%; grid-column: 1 / -1; }
.form-privacy-notice { margin: 0; color: var(--ndc-text-muted); font-size: .82rem; line-height: 1.55; }
.form-privacy-notice a { color: var(--ndc-blue-300); text-decoration: underline; text-underline-offset: 3px; }
.form-privacy-notice a:hover { color: #fff; }
.form-privacy-notice a:focus-visible { outline: 2px solid var(--ndc-cyan-400); outline-offset: 4px; border-radius: 4px; }
.field { display: grid; gap: 8px; }
.field--full { grid-column: 1 / -1; }
.field label { color: #c0c6db; font-size: 12px; font-weight: 700; }
.field input, .field textarea, .field select { width: 100%; min-height: 50px; padding: 13px 15px; border: 1px solid var(--ndc-line); border-radius: 12px; color: #fff; background: rgba(3, 5, 37, .7); outline: none; }
.field textarea { min-height: 132px; resize: vertical; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: rgba(75, 155, 255, .7); box-shadow: 0 0 0 3px rgba(34, 94, 235, .14); }
.form-note { grid-column: 1 / -1; margin: 0; color: var(--ndc-subtle); font-size: 12px; line-height: 1.5; }

.article-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.article-card { min-height: 420px; text-decoration: none; }
.article-thumb { position: relative; display: block; height: 190px; margin: calc(clamp(24px, 2.4vw, 38px) * -1) calc(clamp(24px, 2.4vw, 38px) * -1) 28px; border-bottom: 1px solid var(--ndc-line); overflow: hidden; }
.article-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms cubic-bezier(.2,.7,.2,1); }
.article-card:hover .article-thumb img { transform: scale(1.035); }
.blog-more { display:flex; justify-content:center; margin-top:32px; }
.blog-more .button { min-width:220px; }
.article-thumb--signal { display: grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 14px; padding: 34px; background: radial-gradient(circle at 70% 10%, rgba(0,188,255,.24), transparent 38%), #080a4a; }
.article-thumb--signal i { display: block; border-radius: 10px 10px 3px 3px; background: linear-gradient(180deg,#00bcff,#274ed8); box-shadow: 0 12px 32px rgba(18,91,255,.2); }
.article-thumb--signal i:nth-child(1) { height: 40%; }.article-thumb--signal i:nth-child(2) { height: 78%; }.article-thumb--signal i:nth-child(3) { height: 58%; }
.article-meta { position: relative; color: #7caeff; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.article-card .card-title { margin-top: 26px; font-size: clamp(28px, 3vw, 42px); }
.article-body { width: min(100%, 820px); margin: 0 auto; }
.article-body h2 { margin: 64px 0 18px; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.035em; }
.article-body h3 { margin: 42px 0 14px; font-size: 26px; }
.article-body p, .article-body li { color: var(--ndc-muted); font-size: 18px; line-height: 1.75; }
.article-body ul { padding-left: 22px; }
.article-callout { margin: 42px 0; padding: 28px; border: 1px solid rgba(66, 137, 255, .32); border-radius: 18px; background: rgba(20, 44, 139, .18); }

.style-swatch-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.swatch { min-height: 150px; padding: 18px; border: 1px solid var(--ndc-line); border-radius: 16px; background: var(--swatch); }
.swatch span { display: block; margin-top: 74px; color: #fff; font-size: 11px; font-weight: 700; line-height: 1.4; text-shadow: 0 1px 6px rgba(0,0,0,.65); }
.type-sample { padding: 30px 0; border-top: 1px solid var(--ndc-line); }
.type-sample:last-child { border-bottom: 1px solid var(--ndc-line); }
.type-meta { margin-bottom: 16px; color: var(--ndc-subtle); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

/* Footer */
.site-footer { position: relative; border-top: 1px solid var(--ndc-line); background: rgba(3, 3, 29, .88); }
.footer-main { display: grid; grid-template-columns: 1.25fr repeat(3, .65fr); gap: clamp(34px, 5vw, 80px); padding-block: 66px; }
.footer-brand { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; font-size: 19px; font-weight: 700; text-decoration: none; }
.footer-brand img { width: 34px; }
.footer-copy { max-width: 400px; margin: 0; color: var(--ndc-muted); font-size: 14px; line-height: 1.65; }
.footer-title { margin: 0 0 18px; color: #fff; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.footer-links { display: grid; gap: 12px; }
.footer-links a { color: var(--ndc-muted); font-size: 13px; text-decoration: none; }
.footer-links a:hover { color: #fff; }
.footer-bottom { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 0 18px;border-top:1px solid rgba(145,173,255,.1);color:#c4cce1;font-size:9px;font-weight:600;letter-spacing:.045em; }
.footer-legal { text-transform:none; }
.online { display:inline-flex;align-items:center;gap:7px;text-transform:none;cursor:default;user-select:none; }
.online i { width: 6px; height: 6px; border-radius: 50%; background: var(--ndc-cyan-400); box-shadow: 0 0 10px var(--ndc-cyan-400); }
.online b { color:#d0d7ea;font-size:9px;font-weight:600;letter-spacing:.04em; }

/* 404 and legal placeholders */
.not-found { display:grid;min-height:clamp(720px,88vh,980px);align-items:center;padding:120px 0 44px;overflow:hidden; }
.not-found__layout { display:grid;grid-template-columns:minmax(430px,.85fr) minmax(540px,1.15fr);align-items:center;gap:clamp(36px,5vw,80px); }
.not-found__copy { position:relative;z-index:2; }
.not-found__copy .inner-title { max-width:720px; }
.not-found__copy .inner-intro { max-width:610px; }
.not-found__visual { min-width:0;min-height:590px;margin:0;border:1px solid rgba(118,160,255,.22);border-radius:30px;background:#050526;box-shadow:var(--ndc-shadow);overflow:hidden; }
.not-found__visual picture { display:block;width:100%;height:100%; }
.not-found__visual img { display:block;width:100%;height:590px;object-fit:cover;object-position:67% center; }
.legal-hero { min-height:76vh;padding:clamp(150px,17vh,210px) 0 80px; }
.legal-hero .inner-title { max-width:900px; }
.legal-placeholder { max-width:820px;margin-top:44px;padding:32px;border:1px solid var(--ndc-line-strong);border-radius:24px;background:linear-gradient(145deg,rgba(13,17,80,.8),rgba(4,5,34,.92)); }
.legal-placeholder span { display:block;margin-bottom:12px;color:#70b4ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase; }
.legal-placeholder p { margin:0 0 24px;color:var(--ndc-muted);font-size:17px;line-height:1.65; }

/* Stored consent choice */
.consent-banner { position:fixed;z-index:120;right:20px;bottom:20px;left:20px;display:grid;max-width:980px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-inline:auto;padding:20px 22px;border:1px solid rgba(100,154,255,.38);border-radius:22px;background:rgba(4,5,34,.96);box-shadow:0 22px 70px rgba(0,0,25,.52);backdrop-filter:blur(18px); }
.consent-banner[hidden] { display:none; }
.consent-copy strong { display:block;margin-bottom:6px;font-size:17px; }
.consent-copy p { max-width:650px;margin:0;color:var(--ndc-muted);font-size:13px;line-height:1.5; }
.consent-links { display:flex;gap:14px;margin-top:8px; }.consent-links a { color:#7db7ff;font-size:11px;text-decoration:none; }.consent-links a:hover { color:#fff; }
.consent-actions { display:flex;gap:9px; }.consent-actions .button { min-width:104px; }
.consent-close { position:absolute;top:8px;right:10px;width:28px;height:28px;border:0;color:var(--ndc-subtle);background:transparent;font-size:20px;cursor:pointer; }

/* Content architecture additions */
.network-marquee { min-height:66px;border-block-color:var(--ndc-line);background:rgba(5,7,49,.88);box-shadow:none; }
.network-marquee .workflow-marquee__fixed { color:#a5b0d9;background:linear-gradient(90deg,#050631 0%,#050631 78%,rgba(5,6,49,.94) 88%,transparent 100%); }
.network-marquee .workflow-marquee__track { animation-duration:38s;animation-direction:reverse; }
.network-marquee__item { min-height:66px;padding-inline:clamp(30px,4vw,68px); }
.network-marquee__item b { color:#f8faff;font-size:13px;letter-spacing:.02em; }
.network-marquee__item small { color:#69749e;font-size:9px;font-weight:800;letter-spacing:.1em; }
.network-marquee__item small.is-live { color:var(--ndc-mint-400); }
.network-marquee__item:has(.is-live) i { background:var(--ndc-mint-400);box-shadow:0 0 13px rgba(54,217,157,.8); }

.page-blog .resource-guides-section { padding-bottom:clamp(16px,1.6vw,24px); }
.page-blog .resource-guides-section + .glossary-section { padding-top:clamp(22px,2.2vw,34px); }

.access-teaser { position:relative;display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(390px,.95fr) auto;align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(30px,4vw,54px);border:1px solid rgba(104,153,255,.3);border-radius:30px;background:radial-gradient(circle at 0 0,rgba(0,188,255,.13),transparent 34%),linear-gradient(140deg,rgba(13,23,101,.92),rgba(4,5,37,.96));box-shadow:var(--ndc-shadow);overflow:hidden; }
.access-teaser::after { position:absolute;top:-80px;right:20%;width:220px;height:220px;border:1px solid rgba(73,129,255,.16);border-radius:50%;content:"";box-shadow:0 0 0 42px rgba(73,129,255,.035),0 0 0 84px rgba(73,129,255,.02);pointer-events:none; }
.access-teaser__copy { position:relative;z-index:1; }
.access-teaser__copy > span { display:block;margin-bottom:13px;color:#76b9ff;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase; }
.access-teaser h3 { max-width:570px;margin:0;font-size:clamp(28px,2.45vw,40px);line-height:1.06;letter-spacing:-.035em; }
.access-teaser p { max-width:590px;margin:15px 0 0;color:var(--ndc-muted);font-size:15px;line-height:1.62; }
.access-teaser__paths { position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px; }
.access-teaser__paths span { padding:10px 12px;border:1px solid rgba(94,148,255,.25);border-radius:12px;color:#dbe7ff;background:rgba(18,37,116,.32);font-size:11px;font-weight:800;white-space:nowrap; }
.access-teaser__paths i { width:18px;height:1px;background:linear-gradient(90deg,#00caff,#4463ff); }
.access-teaser > .button { position:relative;z-index:1;white-space:nowrap; }

.methodology-panel { position:relative;padding:clamp(34px,4.5vw,62px);border:1px solid rgba(98,151,255,.3);border-radius:30px;background:radial-gradient(circle at 12% 0,rgba(0,188,255,.12),transparent 31%),linear-gradient(145deg,rgba(10,18,85,.92),rgba(4,5,35,.98));box-shadow:var(--ndc-shadow);overflow:hidden; }
.methodology-panel::after { position:absolute;top:-120px;right:-60px;width:340px;height:340px;border:1px solid rgba(74,132,255,.12);border-radius:50%;content:"";box-shadow:0 0 0 52px rgba(54,102,255,.025),0 0 0 104px rgba(54,102,255,.014);pointer-events:none; }
.methodology-panel__intro { position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.65fr);column-gap:clamp(28px,5vw,78px);row-gap:18px;align-items:end; }
.methodology-panel__intro .kicker,.methodology-panel__intro .section-title { grid-column:1; }
.methodology-panel__intro .section-copy { grid-column:2;grid-row:1 / span 2;margin:0; }
.methodology-flow { --method-progress:0%;position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin-top:clamp(36px,4vw,54px);border-block:1px solid rgba(95,145,255,.18); }
.methodology-progress { position:absolute;z-index:1;top:70px;right:16.666%;left:16.666%;height:2px;background:rgba(74,112,210,.2);overflow:hidden; }
.methodology-progress i { display:block;width:var(--method-progress);height:100%;background:linear-gradient(90deg,#00d4ff,#5360ff);box-shadow:0 0 18px rgba(0,190,255,.58);transition:width 80ms linear; }
.method-step { position:relative;z-index:2;min-height:342px;padding:206px 26px 30px;border-inline-end:1px solid rgba(95,145,255,.14);opacity:.62;outline:none;transition:opacity 360ms ease,background 360ms ease,border-color 360ms ease; }
.method-step:last-of-type { border-inline-end:0; }
.method-step > span { position:absolute;top:26px;right:24px;color:#506fb5;font-size:9px;font-weight:900;letter-spacing:.15em; }
.method-step__marker { position:absolute;z-index:3;top:46px;left:50%;display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(88,143,255,.36);border-radius:15px;color:#6f9ef5;background:#080b49;box-shadow:0 0 0 8px rgba(7,8,55,.96);transform:translateX(-50%);transition:color 320ms ease,border-color 320ms ease,background 320ms ease,box-shadow 320ms ease; }
.method-step__marker svg { width:21px;height:21px; }
.method-step.is-method-reached { opacity:1;background:linear-gradient(180deg,rgba(21,67,177,.13),transparent 72%); }
.method-step.is-method-reached .method-step__marker { color:#fff;border-color:#26cbff;background:linear-gradient(145deg,#0a9df1,#305af4);box-shadow:0 0 0 8px rgba(7,8,55,.96),0 0 25px rgba(0,194,255,.42); }
.method-step.is-method-active { background:radial-gradient(circle at 50% 28%,rgba(16,119,255,.17),transparent 48%); }
.method-motion { position:absolute;top:112px;left:50%;width:148px;height:70px;transform:translateX(-50%); }
.method-motion--scope i { position:absolute;top:50%;left:50%;border:1px solid rgba(82,152,255,.33);border-radius:50%;transform:translate(-50%,-50%); }
.method-motion--scope i:nth-child(1){width:66px;height:66px}.method-motion--scope i:nth-child(2){width:43px;height:43px}.method-motion--scope i:nth-child(3){width:20px;height:20px;background:linear-gradient(145deg,#00c9ff,#465dff);box-shadow:0 0 20px rgba(0,197,255,.35)}
.method-motion--scope b { position:absolute;top:5px;bottom:5px;left:50%;width:1px;background:linear-gradient(transparent,#38d5ff,transparent);transform-origin:center; }
.method-step.is-method-active .method-motion--scope b { animation:method-scan 2.4s linear infinite; }
.method-motion--exposure::before { position:absolute;top:34px;right:18px;left:18px;height:1px;background:linear-gradient(90deg,#2d74ff,#00d4ff,#ff6577);content:""; }
.method-motion--exposure i { position:absolute;top:25px;width:18px;height:18px;border:2px solid #54a8ff;border-radius:50%;background:#071055;box-shadow:0 0 13px rgba(71,150,255,.35); }
.method-motion--exposure i:nth-child(1){left:12px}.method-motion--exposure i:nth-child(2){left:65px;border-color:#18d2ff}.method-motion--exposure i:nth-child(3){right:12px;border-color:#ff6377}
.method-motion--exposure b { position:absolute;top:29px;left:69px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 14px #39dfff; }
.method-step.is-method-active .method-motion--exposure b { animation:method-path 2.2s ease-in-out infinite; }
.method-motion--interpret { display:flex;align-items:flex-end;justify-content:center;gap:10px;padding-bottom:7px; }
.method-motion--interpret i { width:24px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#32d9ff,#2455e9);box-shadow:0 0 14px rgba(0,188,255,.2);transform-origin:bottom; }
.method-motion--interpret i:nth-child(1){height:25px}.method-motion--interpret i:nth-child(2){height:48px}.method-motion--interpret i:nth-child(3){height:34px;background:linear-gradient(180deg,#675fff,#3345d3)}
.method-motion--interpret b { position:absolute;right:17px;bottom:17px;width:12px;height:12px;border:2px solid #5cdaac;border-radius:50%;box-shadow:0 0 13px rgba(80,220,170,.5); }
.method-step.is-method-active .method-motion--interpret i { animation:method-bars 1.8s ease-in-out infinite alternate; }.method-step.is-method-active .method-motion--interpret i:nth-child(2){animation-delay:120ms}.method-step.is-method-active .method-motion--interpret i:nth-child(3){animation-delay:240ms}
.method-step small,.method-freshness small { display:block;margin-bottom:10px;color:#6eb8ff;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase; }
.method-step h3,.method-freshness h3 { margin:0 0 12px;font-size:clamp(23px,2vw,31px);line-height:1.06;letter-spacing:-.03em; }
.method-step p,.method-freshness p { margin:0;color:var(--ndc-muted);font-size:13px;line-height:1.62; }
.method-freshness { position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,.55fr);align-items:center;gap:22px;margin-top:22px;padding:22px 24px;border:1px solid rgba(83,145,255,.24);border-radius:18px;background:rgba(5,8,51,.76); }
.method-freshness__pulse { position:relative;width:52px;height:52px;border:1px solid rgba(62,164,255,.36);border-radius:50%;background:rgba(8,24,88,.76); }
.method-freshness__pulse i,.method-freshness__pulse b { position:absolute;border-radius:50%; }
.method-freshness__pulse i { inset:13px;border:2px solid #32d2ff;box-shadow:0 0 16px rgba(0,199,255,.4); }
.method-freshness__pulse b { inset:21px;background:#4dd9ad;box-shadow:0 0 16px rgba(77,217,173,.7); }
[data-methodology].is-method-active .method-freshness__pulse i { animation:method-pulse 1.8s ease-out infinite; }
.method-freshness h3 { font-size:23px; }
.method-freshness > span { padding-left:22px;border-left:1px solid rgba(97,145,255,.2);color:#c4ceea;font-size:12px;line-height:1.58; }

@keyframes method-scan { to{transform:rotate(360deg)} }
@keyframes method-path { 0%,100%{transform:translateX(-54px);opacity:.2}50%{transform:translateX(54px);opacity:1} }
@keyframes method-bars { from{transform:scaleY(.72);filter:saturate(.8)}to{transform:scaleY(1.08);filter:saturate(1.25)} }
@keyframes method-pulse { 0%{transform:scale(.7);opacity:.9}100%{transform:scale(2.2);opacity:0} }

.glossary-preview { position:relative;padding:1px;border:1px solid rgba(95,145,255,.26);border-radius:28px;background:linear-gradient(145deg,rgba(10,17,83,.88),rgba(4,5,35,.94));overflow:hidden; }
.glossary-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
.glossary-grid article { position:relative;min-height:210px;padding:34px 36px;border-right:1px solid var(--ndc-line);border-bottom:1px solid var(--ndc-line); }
.glossary-grid article:nth-child(2n) { border-right:0; }
.glossary-grid article > span { display:block;margin-bottom:25px;color:#4e73c3;font-size:10px;font-weight:900;letter-spacing:.15em; }
.glossary-grid h3 { margin:0 0 11px;font-size:clamp(25px,2vw,33px);letter-spacing:-.03em; }
.glossary-grid p { margin:0;color:var(--ndc-muted);font-size:14px;line-height:1.65; }
.glossary-term--faded { filter:blur(2.2px);opacity:.36;user-select:none; }
.glossary-fade { position:absolute;right:0;bottom:0;left:0;height:43%;background:linear-gradient(transparent 0%,rgba(5,5,38,.76) 54%,#050526 100%);pointer-events:none; }
.glossary-more { position:absolute;z-index:2;right:50%;bottom:28px;min-width:170px;transform:translateX(50%); }
.glossary-more:hover { transform:translate(50%,-2px); }

.origin-panel { position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:clamp(42px,6vw,92px);padding:clamp(38px,4.4vw,62px);border:1px solid rgba(107,156,255,.3);border-radius:30px;background:radial-gradient(circle at 84% 42%,rgba(36,90,255,.18),transparent 38%),linear-gradient(145deg,rgba(12,18,85,.94),rgba(4,5,36,.98));box-shadow:var(--ndc-shadow);overflow:hidden; }
.origin-panel__copy { position:relative;z-index:2; }
.origin-panel__copy .section-title { max-width:650px;font-size:clamp(42px,4.2vw,66px);line-height:1.01; }
.origin-panel__copy .section-copy { max-width:650px;margin-top:23px;font-size:16px;line-height:1.65; }
.origin-emphasis { max-width:580px;margin:22px 0 0;color:#eef5ff;font-size:15px;font-weight:800;line-height:1.5; }
.origin-history { position:relative;z-index:2;display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:none; }
.origin-history::before { position:absolute;top:38px;bottom:38px;left:25px;width:1px;background:linear-gradient(#22ccff,#365cff);content:"";box-shadow:0 0 13px rgba(0,190,255,.3); }
.origin-history li { position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:18px;padding:22px 0; }
.origin-history li + li { border-top:1px solid rgba(94,145,255,.16); }
.origin-history li > span { position:relative;z-index:2;display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(80,153,255,.42);border-radius:16px;color:#75bfff;background:#080b4d;box-shadow:0 0 0 8px rgba(6,7,48,.88);font-size:9px;font-weight:900;letter-spacing:.13em; }
.origin-history b { display:block;margin:4px 0 7px;color:#f4f7ff;font-size:clamp(20px,1.7vw,27px);line-height:1.08;letter-spacing:-.025em; }
.origin-history small { display:block;max-width:420px;color:#aebcde;font-size:13px;line-height:1.55; }

.roadmap-timeline { position:relative;display:grid;gap:18px;margin-top:clamp(46px,5vw,70px);padding-block:8px; }
.roadmap-progress { position:absolute;z-index:1;top:30px;bottom:30px;left:50%;width:2px;background:rgba(74,120,225,.18);transform:translateX(-50%); }
.roadmap-progress i { display:block;width:100%;height:var(--roadmap-progress,0%);background:linear-gradient(180deg,#00d3ff,#4b54ff);box-shadow:0 0 18px rgba(0,188,255,.58); }
.roadmap-item { position:relative;z-index:2;width:calc(50% - 58px);min-height:190px; }
.roadmap-item--left { margin-right:auto;text-align:left; }
.roadmap-item--right { margin-left:auto;text-align:left; }
.roadmap-card { height:100%;padding:27px 29px;border:1px solid rgba(91,143,255,.23);border-radius:22px;background:linear-gradient(145deg,rgba(11,16,78,.82),rgba(5,6,42,.9));box-shadow:0 18px 46px rgba(0,0,28,.18);transition:border-color 360ms ease,background 360ms ease,transform 520ms cubic-bezier(.2,.75,.2,1); }
.roadmap-item--left .roadmap-card { transform:translateX(-18px); }.roadmap-item--right .roadmap-card { transform:translateX(18px); }
.roadmap-item.is-visible .roadmap-card { transform:none; }
.roadmap-card header { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px; }
.roadmap-item--left .roadmap-card header { flex-direction:row; }
.roadmap-card header span,.roadmap-card header small { font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
.roadmap-card header span { color:#75b9ff; }.roadmap-card header small { color:#65729e; }
.roadmap-card h3 { margin:0 0 12px;font-size:clamp(24px,2vw,31px);line-height:1.08;letter-spacing:-.03em; }
.roadmap-card p { margin:0;color:var(--ndc-muted);font-size:14px;line-height:1.6; }
.roadmap-marker { position:absolute;z-index:4;top:50%;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(83,139,255,.38);border-radius:50%;color:#7092d3;background:#07083e;font-size:9px;letter-spacing:.08em;transform:translateY(-50%);transition:border-color 320ms ease,background 320ms ease,box-shadow 320ms ease,color 320ms ease; }
.roadmap-item--left .roadmap-marker { right:-80px; }.roadmap-item--right .roadmap-marker { left:-80px; }
.roadmap-marker i { position:absolute;inset:8px;border:1px solid rgba(91,148,255,.16);border-radius:50%; }
.roadmap-item.is-roadmap-reached .roadmap-marker { border-color:#33cfff;color:#fff;background:#0d63d8;box-shadow:0 0 22px rgba(0,188,255,.46); }
.roadmap-item.is-roadmap-reached .roadmap-card { border-color:rgba(75,150,255,.47);background:linear-gradient(145deg,rgba(13,32,112,.88),rgba(6,8,51,.94)); }
.roadmap-item--done .roadmap-card header small { color:#59d7ad; }
.roadmap-item--current .roadmap-card { background:radial-gradient(circle at 0 0,rgba(0,188,255,.15),transparent 50%),linear-gradient(145deg,rgba(13,25,102,.9),rgba(6,8,49,.94)); }
.roadmap-item--current .roadmap-card header small { color:#70d9ff; }
.roadmap-note { margin:18px 0 0;color:var(--ndc-subtle);font-size:12px;line-height:1.6; }

.team-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.54fr);align-items:center;gap:clamp(44px,6vw,88px); }
.team-copy { min-width:0;overflow:hidden; }
.team-copy .section-title { max-width:760px;font-size:clamp(44px,4.5vw,70px);line-height:1.01; }
.team-copy .section-copy { max-width:760px;margin-top:24px;font-size:16px;line-height:1.62; }
.team-copy .section-copy + .section-copy { margin-top:13px; }
.team-copy__secondary { color:#90a3cf;font-size:14px !important; }
.team-disciplines { width:100%;margin-top:30px;border-block:1px solid rgba(87,141,255,.18);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.team-disciplines__track { display:flex;width:max-content;animation:team-roles-marquee 30s linear infinite; }
.team-disciplines__group { display:flex;align-items:center;flex-shrink:0; }
.team-disciplines span { display:flex;align-items:center;padding:15px 18px;color:#c6d2f1;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap; }
.team-disciplines span::before { width:6px;height:6px;margin-right:12px;border-radius:50%;background:#23c9ff;box-shadow:0 0 10px rgba(35,201,255,.65);content:""; }
@keyframes team-roles-marquee { to{transform:translateX(-50%)} }
.robbie-card { position:relative;width:min(430px,100%);min-height:430px;margin:0 auto; }
.robbie-card::before { position:absolute;top:18px;left:50%;width:320px;height:320px;border:1px solid rgba(82,150,255,.18);border-radius:50%;content:"";box-shadow:0 0 0 22px rgba(41,95,255,.035),0 0 0 44px rgba(41,95,255,.02);transform:translateX(-50%); }
.robbie-card__portrait { position:relative;width:320px;height:320px;margin:0 auto;border:1px solid rgba(112,161,255,.42);border-radius:50%;background:#06072f;box-shadow:0 28px 75px rgba(0,0,28,.42);overflow:hidden; }
.robbie-card picture,.robbie-card picture img { display:block;width:100%;height:100%; }
.robbie-card picture img { object-fit:cover;object-position:center 14%;transform:scale(1.08); }
.robbie-card__mark { position:absolute;z-index:2;top:62%;right:31%;width:7%;filter:drop-shadow(0 4px 9px rgba(0,0,20,.4)); }
.robbie-card figcaption { position:relative;z-index:3;width:min(300px,82%);margin:-30px 0 0 auto;padding:14px 18px 15px;border:1px solid rgba(103,157,255,.34);border-radius:16px;background:rgba(5,7,42,.94);box-shadow:0 18px 45px rgba(0,0,27,.34);backdrop-filter:blur(14px); }
.robbie-card figcaption strong { display:block;font-size:22px;letter-spacing:-.025em; }.robbie-card figcaption span { display:block;margin-top:3px;color:#72baff;font-size:8px;font-weight:900;line-height:1.4;letter-spacing:.12em;text-transform:uppercase; }

.page-home #faq + .section--cta,
.page-contact .support-categories,
.page-blog .glossary-section + .section--cta { border-top:1px solid rgba(89,137,244,.2); }

.support-category-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; }
.support-category-grid .glass-card { min-height:300px;padding:28px; }
.support-category-grid .card-icon { margin-bottom:76px; }
.support-category-grid .card-title { font-size:clamp(23px,1.8vw,30px); }
.support-category-grid .card-copy { font-size:14px; }

/* Motion */
.reveal {
  opacity: 0;
  transform: translate3d(0,18px,0) scale(.992);
  transition: opacity 520ms ease, transform 580ms cubic-bezier(.22,.72,.22,1);
  will-change: opacity,transform;
}
.reveal.is-visible { opacity: 1; transform: none; will-change:auto; }
.section-heading.reveal { transform:translate3d(0,20px,0) scale(.994); }
.section-heading.reveal.is-visible { transform:none; }
.editorial-item.reveal { transform:translate3d(22px,0,0); }
.editorial-item.reveal.is-visible { transform:none; }
.price-card.reveal:nth-child(n),.article-card.reveal:nth-child(n) { transform:translate3d(0,18px,0) scale(.992); }
.price-card.reveal.is-visible,.article-card.reveal.is-visible { transform:none; }
[data-roadmap-item].reveal { transform:none;transition-property:opacity; }

.stagger > .reveal:nth-child(2) { transition-delay: 65ms; }
.stagger > .reveal:nth-child(3) { transition-delay: 130ms; }
.stagger > .reveal:nth-child(4) { transition-delay: 195ms; }
.stagger > .reveal:nth-child(5) { transition-delay: 260ms; }

/* Editorial text reveal. JavaScript assigns these classes only to non-interactive
   copy, keeping progress rails, previews and sliders on their own timelines. */
.motion-kicker,
.motion-heading,
.motion-subheading,
.motion-copy {
  opacity:0;
  will-change:opacity,transform,clip-path;
}
.motion-kicker {
  transform:translate3d(-12px,0,0);
  transition:opacity 340ms ease var(--motion-delay,0ms),transform 420ms cubic-bezier(.22,.72,.22,1) var(--motion-delay,0ms);
}
.motion-heading {
  clip-path:inset(0 0 100% 0);
  transform:translate3d(0,20px,0);
  transition:opacity 420ms ease var(--motion-delay,0ms),transform 620ms cubic-bezier(.18,.76,.22,1) var(--motion-delay,0ms),clip-path 620ms cubic-bezier(.18,.76,.22,1) var(--motion-delay,0ms);
}
.motion-subheading {
  transform:translate3d(0,12px,0);
  transition:opacity 380ms ease var(--motion-delay,0ms),transform 480ms cubic-bezier(.22,.72,.22,1) var(--motion-delay,0ms);
}
.motion-copy {
  transform:translate3d(0,14px,0);
  transition:opacity 420ms ease var(--motion-delay,0ms),transform 520ms cubic-bezier(.22,.72,.22,1) var(--motion-delay,0ms);
}
.motion-kicker.is-motion-visible,
.motion-heading.is-motion-visible,
.motion-subheading.is-motion-visible,
.motion-copy.is-motion-visible {
  opacity:1;
  clip-path:inset(0);
  transform:none;
  will-change:auto;
}

@keyframes signal { 0% { opacity: .8; transform: scale(.75); } 70%,100% { opacity: 0; transform: scale(1.55); } }
@keyframes button-sheen { 0% { opacity: 0; transform: translateX(0) rotate(18deg); } 18%,70% { opacity: .72; } 100% { opacity: 0; transform: translateX(540%) rotate(18deg); } }
@keyframes arrow-nudge { 0%,100% { transform: translateX(0); } 50% { transform: translateX(3px); } }
@keyframes workflow-marquee { to { transform: translateX(-50%); } }
@keyframes step-float {
  0%, 100% { transform: rotate(-10deg) skewY(5deg) translateY(0); }
  50% { transform: rotate(-6deg) skewY(5deg) translateY(-9px); }
}
@keyframes step-core-glow {
  0%, 100% { box-shadow: 0 0 32px rgba(0,188,255,.34); transform: translate(-50%,-50%) rotate(10deg) scale(.94); }
  50% { box-shadow: 0 0 54px rgba(0,188,255,.58); transform: translate(-50%,-50%) rotate(18deg) scale(1.07); }
}
@keyframes step-check-in {
  0% { opacity: 0; transform: translateY(10px) scale(.72) rotate(-16deg); }
  70% { opacity: 1; transform: translateY(-2px) scale(1.08) rotate(3deg); }
  100% { opacity: 1; transform: none; }
}
@keyframes orbit-spin { to { transform: rotate(360deg); } }
@keyframes path-pulse { 0%,100%{opacity:.45;transform:scale(.72)}50%{opacity:1;transform:scale(1.18)} }
@keyframes case-orbit-drift { 0%,100%{transform:rotate(0) translateY(0)}50%{transform:rotate(8deg) translateY(-8px)} }
@keyframes stack-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)} }
@keyframes icon-arrive { from{opacity:0;transform:scale(.65) rotate(-12deg)}to{opacity:1;transform:none} }
@keyframes content-arrive { from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none} }
@keyframes demo-typing { 0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)} }
@keyframes relation-flow { to { stroke-dashoffset:-64; } }
@keyframes relation-packet { 0%{opacity:0;offset-distance:0}18%,76%{opacity:1}100%{opacity:0;offset-distance:100%} }
@keyframes network-ring-spin { to { transform:rotateX(65deg) rotateZ(360deg); } }
@keyframes network-token-float { 0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)} }
@keyframes analysis-packet { 0%{left:0;opacity:0}12%,86%{opacity:1}100%{left:100%;opacity:0} }
@keyframes vault-accept { 0%,12%{opacity:0;transform:translateY(0) scale(.92)}30%,55%{opacity:1;transform:translateY(-6px) scale(1)}78%,100%{opacity:0;transform:translate(60px,40px) scale(.72)} }
@keyframes vault-reject { 0%,12%{opacity:0;transform:translateX(0)}30%,58%{opacity:1;transform:translateX(-5px)}38%,46%,54%{transform:translateX(4px)}80%,100%{opacity:0;transform:translateX(-24px)} }

@media (max-width: 1180px) {
  .nav-link { padding-inline: 9px; }
  .nav-actions .button { display: none; }
  .hero-layout { grid-template-columns: minmax(340px, .85fr) minmax(480px, 1.15fr); }
  .card-grid--4 { grid-template-columns: repeat(2, 1fr); }
  .cta-panel > div { grid-template-columns:1fr;gap:28px; }
  .cta-panel .section-title,.cta-panel .section-copy,.cta-panel .button-row { justify-self:start; }
  .cta-panel .button-row { display:flex;max-width:none; }
  .cta-panel .button-row .button { width:auto;min-width:170px; }
  .fact-card--1,.fact-card--2,.fact-card--3,.fact-card--4 { grid-column:span 6; }
  .fact-card--5 { grid-column:1 / -1; }
  .risk-taxonomy { grid-template-columns:1fr 1fr; }
  .risk-category--high { grid-row:span 2; }
  .product-hero__layout { grid-template-columns:minmax(380px,.9fr) minmax(520px,1.1fr); }
  .product-hero__scene { width:clamp(660px,62vw,820px);margin-right:-12vw;margin-left:-80px; }
  .capability-heading { grid-template-columns:minmax(310px,.78fr) minmax(500px,1.22fr); }
  .capability-hero-scene { margin:-24px -14px -24px -52px; }
  .capability-stage { grid-template-columns:minmax(160px,.42fr) minmax(380px,1.08fr) minmax(190px,.58fr);gap:22px;padding-inline:30px; }
}

/* Compact desktop rhythm after visual review */
@media (min-width: 941px) {
  :root {
    --ndc-section: clamp(52px, 5.25vw, 80px);
    --ndc-section-compact: clamp(44px, 4.8vw, 72px);
    --ndc-card-gap: clamp(20px, 1.55vw, 24px);
    --ndc-card-padding: clamp(28px, 2.35vw, 38px);
  }
  .home-hero,
  .hero-layout { min-height: 100vh; }
  .hero-layout {
    padding: 92px var(--ndc-gutter) 0;
  }
  /* Home desktop refinement: denser hero and section-specific rhythm. */
  .page-home .hero-copy { padding-bottom: 6.5vh; }
  .inner-hero {
    padding-top: clamp(112px, 8vw, 128px);
    padding-bottom: clamp(56px, 5vw, 76px);
  }
  .section,
  .section + .section:not(.section--surface) { padding-block: var(--ndc-section); }
  .section--tight { padding-block: var(--ndc-section-compact); }
  .section--cta { padding-block: var(--ndc-section-compact) !important; }
  .section--flush-top,
  .section + .section.section--flush-top:not(.section--surface) { padding-top: 0; }
  .section-heading {
    gap: 32px;
    margin-bottom: clamp(48px, 4vw, 60px);
  }
  .section-heading--stack .section-copy,
  .section-title + .section-copy { margin-top: clamp(24px, 2vw, 30px); }
  .card-grid,
  .pricing-grid,
  .article-grid,
  .facts-grid,
  .risk-taxonomy,
  .support-category-grid,
  .contact-grid { gap: var(--ndc-card-gap); }
  .glass-card,
  .principle-card,
  .contact-panel,
  .support-category-grid .glass-card { padding: var(--ndc-card-padding); }
  .principle-card,
  .fact-card,
  .price-card,
  .article-card,
  .honest-limit,
  .privacy-data__grid article,
  .result-guide__steps article,
  .support-category-grid .glass-card,
  .roadmap-item { min-height: 0; }
  .price-copy { min-height: 0; }
  .fact-card { grid-template-rows: 210px auto; }
  .honest-limit,
  .result-guide__steps article { padding: var(--ndc-card-padding); }
  .support-category-grid .card-icon { margin-bottom: 40px; }
  .footer-main { padding-block: var(--ndc-section-compact); }
  .network-marquee .workflow-marquee__fixed { width:min(34vw,500px);padding-left:var(--ndc-gutter);background:linear-gradient(90deg,#050631 0%,#050631 78%,rgba(5,6,49,.94) 88%,transparent 100%); }
  .network-marquee .workflow-marquee__track::before { width:min(34vw,500px); }
  .page-home #workflows.workflow-marquee,
  .page-home #workflows .workflow-marquee__item { min-height:60px; }
  .page-home #workflows .workflow-marquee__item { width:clamp(210px,16vw,244px);justify-content:center;padding-inline:20px; }

  .page-home #why { padding-block:clamp(44px,4vw,60px); }
  .page-home #why .editorial-grid { grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(44px,4.8vw,72px); }
  .page-home #why .editorial-intro .section-title { max-width:660px;font-size:clamp(48px,4.25vw,64px); }
  .page-home #why .editorial-list { padding-top:42px; }
  .page-home #why .editorial-item { gap:22px;padding:22px 0; }
  .page-home #why .editorial-item:first-child { padding-top:0;border-top:0; }
  .page-home #why .editorial-item h3 { margin-bottom:9px;font-size:clamp(25px,2.45vw,38px); }
  .page-home #why .editorial-item p { font-size:15px;line-height:1.58; }

  .page-home #product .showcase-layout { grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(44px,5vw,76px); }
  .page-home #product .visual-panel { min-height:430px; }
  .page-home #product .check-window { width:min(92%,580px); }
  .page-home #product .showcase-copy { align-self:center; }
  .page-home #product .showcase-copy .button-row { margin-top:32px; }

  .page-home #process .process-step,
  .page-home #process .process-step + .process-step { padding:80px 32px 28px; }
  .page-home #process .process-step + .process-step { border-left:1px solid var(--ndc-line); }
  .page-home #process .process-step h3 { min-height:2.12em;margin-bottom:10px; }
  .page-home #process .process-step p { min-height:3.25em; }
  .page-home #process .step-visual { height:168px;margin-top:24px; }
  .page-home #process .step-cube--back { top:25px; }
  .page-home #process .step-cube--front { top:58px; }
  .page-home #process .step-result-card { top:24px;right:34px;left:34px;padding:20px; }

  .page-home .network-marquee,
  .page-home .network-marquee__item { min-height:60px; }

  .page-home #cases .usecase-list .usecase-row { padding-block:32px; }
  .page-home #cases .cases-action { margin-top:20px; }

  .telegram-stage { max-width:1180px;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;border:1px solid rgba(119,162,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(10,15,75,.9),rgba(4,5,34,.96));box-shadow:0 28px 78px rgba(0,0,24,.3);overflow:hidden; }
  .telegram-stage .scene-card { min-height:440px;height:100%;aspect-ratio:auto;border:0;border-right:1px solid rgba(105,151,255,.2);border-radius:0;box-shadow:none; }
  .telegram-stage .scene-card::after { border:0;border-radius:0; }
  .telegram-stage .scene-card img { object-position:30% center; }
  .telegram-stage__copy { min-height:440px;padding:38px 40px;border:0;border-radius:0;box-shadow:none; }
  .telegram-stage__copy .section-title { font-size:clamp(38px,3.2vw,50px); }
  .telegram-stage__copy .section-copy { margin-top:18px; }
  .telegram-stage__copy .feature-list { margin-top:22px; }
  .telegram-stage__copy .button-row { margin-top:26px; }

  .page-home #pricing .access-teaser { grid-template-columns:minmax(330px,1fr) minmax(350px,.9fr) minmax(220px,250px);gap:24px;padding:28px 32px; }
  .page-home #pricing .access-teaser__copy > span { margin-bottom:9px; }
  .page-home #pricing .access-teaser h3 { font-size:clamp(27px,2.15vw,36px); }
  .page-home #pricing .access-teaser p { margin-top:11px;line-height:1.52; }
  .page-home #pricing .access-teaser__paths { gap:7px; }
  .page-home #pricing .access-teaser__paths span { padding:9px 10px; }
  .page-home #pricing .access-teaser__paths i { width:14px; }
  .page-home #pricing .access-teaser > .button { width:100%;max-width:250px;justify-self:end; }

  .page-home #faq .container { grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:clamp(46px,5.5vw,84px); }
  .page-home #faq .section-title { max-width:470px;font-size:clamp(44px,3.9vw,60px); }
  .page-home #faq .faq-question { min-height:76px;padding:18px 24px; }

  /* Pricing: closer comparison controls, denser cards, and a wider FAQ column. */
  .page-pricing .inner-hero { padding-bottom:clamp(42px,3.8vw,56px); }
  .page-pricing .pricing-options-section { padding-top:28px; }
  .page-pricing .price-card { padding:30px 32px 32px; }
  .page-pricing .price-copy { font-size:14px;line-height:1.52; }
  .page-pricing .feature-list { margin:23px 0 27px;padding-top:20px; }
  .page-pricing .pricing-faq-section { padding-block:clamp(42px,4vw,62px); }
  .page-pricing #faq .container { grid-template-columns:minmax(350px,.68fr) minmax(0,1.32fr);gap:clamp(42px,4.5vw,68px); }
  .page-pricing #faq .section-title { max-width:500px;font-size:clamp(44px,3.7vw,56px);line-height:1.06; }
  .page-pricing #faq .faq-list { margin-top:0; }
  .page-pricing #faq .faq-question { min-height:74px;padding-block:18px; }

  /* Use Cases: compact editorial rhythm and content-led carousel height. */
  .page-use-cases .inner-hero { padding-top:clamp(96px,7vw,108px);padding-bottom:clamp(44px,4.2vw,58px); }
  .page-use-cases .inner-hero .inner-title { max-width:980px; }
  .page-use-cases .inner-hero + .section { padding-top:clamp(44px,4.4vw,66px); }
  .page-use-cases .usecase-list .usecase-row { grid-template-columns:minmax(300px,4fr) minmax(0,8fr);gap:24px;padding-block:32px; }
  .page-use-cases .usecase-list .usecase-row > p { width:100%;max-width:720px;justify-self:start; }
  .page-use-cases .section--cta { padding-block:clamp(36px,4.1vw,58px)!important; }
  .page-use-cases .section--cta .cta-panel { padding-block:clamp(32px,3.7vw,54px); }
  .page-use-cases .section--cta .button-row { width:100%;max-width:320px; }
  .page-features .methodology-section,
  .page-features .telegram-preview-section { padding-block: var(--ndc-section); }
  .page-features .product-hero { padding-top:clamp(106px,7.5vw,122px);padding-bottom:clamp(40px,3.5vw,54px); }
  .page-features .product-hero .inner-title { max-width:650px;font-size:clamp(58px,4.8vw,74px);line-height:1.02; }
  .page-features .product-hero__actions { display:flex;margin-top:30px; }
  .page-features .product-hero__actions .button { min-width:156px; }

  .page-features .facts-heading { align-items:start; }
  .page-features .facts-heading .section-copy { grid-row:2;align-self:start;padding-top:7px; }
  .page-features .fact-card { min-height:0;grid-template-rows:188px auto; }
  .page-features .fact-card .motion-scene { min-height:188px; }
  .page-features .fact-card--3,
  .page-features .fact-card--4,
  .page-features .fact-card--5 { grid-template-rows:164px auto; }
  .page-features .fact-card--3 .motion-scene,
  .page-features .fact-card--4 .motion-scene,
  .page-features .fact-card--5 .motion-scene { min-height:164px; }
  .page-features .fact-card--3 .fact-card__copy,
  .page-features .fact-card--4 .fact-card__copy,
  .page-features .fact-card--5 .fact-card__copy { padding:22px 26px 26px; }
  .page-features .fact-card--3 .fact-card__copy > span,
  .page-features .fact-card--4 .fact-card__copy > span,
  .page-features .fact-card--5 .fact-card__copy > span { margin-bottom:20px; }

  .page-features .risk-taxonomy-section { padding-bottom:clamp(40px,3.5vw,54px); }

  .page-features .methodology-panel { padding:30px 34px 34px; }
  .page-features .methodology-panel::after { top:-78px;right:-34px;width:238px;height:238px;border-color:rgba(74,132,255,.08);box-shadow:0 0 0 38px rgba(54,102,255,.018),0 0 0 76px rgba(54,102,255,.009); }
  .page-features .methodology-panel__intro { row-gap:14px; }
  .page-features .methodology-flow { margin-top:30px; }

  .page-features .telegram-preview-layout { align-items:start;gap:clamp(48px,4vw,60px); }
  .page-features .telegram-preview-copy { padding-top:4px; }
  .page-features .telegram-preview { height:auto;max-height:600px; }
  .page-features .telegram-preview__chat { min-height:320px;max-height:408px;height:auto;justify-content:center;padding:28px;overflow-y:auto; }

  .page-features .result-guide__intro { gap:32px;padding:32px 34px 34px; }
  .page-features .result-guide__steps article { min-height:340px;padding:32px; }
  .page-features .result-guide__progress { top:50px; }
  .page-features .result-story-visual { height:94px;margin:24px 0 16px; }
  .page-features .result-guide__steps small { margin-top:18px; }
  .page-features .result-guide__steps h3 { min-height:2.1em;margin:10px 0 12px; }

  .page-features .honest-limit { min-height:226px;padding:27px 30px 29px; }
  .page-features .honest-limit__top { margin-bottom:24px; }
  .page-features .honest-limit__top > span { width:48px;height:48px; }
  .page-features .honest-limit .card-icon { width:52px;height:52px; }
  .page-blog .resource-guides-section { padding-bottom: clamp(36px, 2.7vw, 44px); }
  .page-blog .resource-guides-section + .glossary-section { padding-top: clamp(36px, 2.7vw, 44px); }

  .page-contact .support-category-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:20px; }
  .page-contact .support-category-grid .glass-card { min-height:190px;padding:26px; }
  .page-contact .support-category-grid .card-icon { margin-bottom:28px; }
  .page-contact .support-category-grid .card-title { margin-bottom:16px; }

  /* One footer rhythm for every generated page. */
  .footer-main { align-items:start;padding-block:clamp(42px,3.8vw,56px); }
  .footer-main > div { align-self:start; }
  .footer-copy { max-width:400px; }
  .footer-legal { color:#c7cee2; }
}

@media (max-width: 940px) {
  .page-features .product-hero { padding-top:96px;padding-bottom:28px; }
  .product-hero__layout { grid-template-columns:1fr;gap:4px;min-height:0; }
  .product-hero__copy { padding-block:12px; }
  .product-hero__title { max-width:680px; }
  .product-hero__scene { width:min(100%,820px);margin:-8px auto -46px; }
  .site-header { top: 10px; width: calc(100% - 20px); height: 58px; border-radius: 17px; }
  .site-header.is-collapsed {
    left: calc(100% - 10px);
    width: 58px;
    height: 58px;
    border-radius: 17px;
    background: rgba(4,5,36,.94);
    box-shadow: 0 14px 38px rgba(0,0,28,.38), inset 0 1px 0 rgba(255,255,255,.06);
    transform: translateX(-100%);
    cursor: pointer;
    overflow: hidden;
    transition-delay: 0s;
  }
  .site-header.is-collapsed .nav-shell { height: 100%; padding: 0; }
  .site-header.is-collapsed .nav-brand {
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    justify-content: center;
    padding: 7px;
    border-color: rgba(135,166,255,.2);
    background: rgba(5,5,41,.76);
    transform: translate(-50%,-50%);
    transition-delay: 0s;
  }
  .site-header.is-collapsed .nav-brand span { display: none; }
  .site-header.is-collapsed .nav-menu,
  .site-header.is-collapsed .nav-actions {
    opacity: 0;
    filter: blur(5px);
    transform: translateX(16px) scale(.94);
    visibility: hidden;
    pointer-events: none;
    transition: opacity 220ms ease, transform 300ms cubic-bezier(.16,.84,.26,1), filter 220ms ease, visibility 0s linear 300ms;
  }
  .nav-shell { height: 100%; padding: 0 10px 0 196px; }
  .nav-brand { top:50%;left:10px;transform:translateY(-50%); }
  .menu-toggle { display: grid; }
  .nav-actions { align-self:center;margin-left:auto; }
  .nav-actions .language,
  .language-trigger,
  .menu-toggle { align-self:center; }
  .nav-menu {
    position: fixed;
    z-index: 99;
    top: 78px;
    right: 10px;
    left: 10px;
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid var(--ndc-line);
    border-radius: 18px;
    background: rgba(4, 4, 35, .97);
    box-shadow: var(--ndc-shadow);
    opacity: 0;
    transform: translateY(-12px);
    visibility: hidden;
    transition: opacity 300ms ease, transform 360ms cubic-bezier(.16,.84,.26,1), visibility 0s linear 360ms;
  }
  .nav-open .nav-menu { opacity: 1; transform: none; visibility: visible; transition-delay: 0s; }
  .nav-link { min-height: 48px; padding-inline: 14px; }
  .hero-layout { min-height: auto; grid-template-columns: 1fr; padding-top: 104px; text-align: center; }
  .hero-copy { padding-bottom: 20px; }
  .hero-copy .kicker { justify-content: center; }
  .hero-copy h1, .hero-intro { margin-inline: auto; }
  .character { justify-self: center; width: min(84vw, 680px); }
  .home-hero { min-height: auto; }
  .section-heading { display: block; }
  .section-heading .section-copy { max-width: 650px; }
  .card-grid, .pricing-grid { grid-template-columns: 1fr 1fr; }
  .split { grid-template-columns: 1fr; }
  .split--reverse > :first-child { order: initial; }
  .editorial-grid, .showcase-layout, .mission-layout { grid-template-columns: 1fr; }
  .editorial-intro { position: static; }
  .showcase-copy { max-width: 720px; }
  .process-rail { grid-template-columns: 1fr; border-bottom: 0; }
  .process-rail::before { top: 0; bottom: 0; left: 11px; width: 1px; height: auto; background: linear-gradient(var(--ndc-cyan-400), rgba(40,116,255,.2), transparent); }
  .process-progress { top: 0; right: auto; bottom: 0; left: 10px; width: 3px; height: auto; }
  .process-progress span { width: 100%; height: var(--process-progress, 0%); transition: height 90ms linear; }
  .process-progress i { top: var(--process-progress, 0%); left: 50%; transition: top 90ms linear; }
  .process-step, .process-step + .process-step { padding: 32px 0 32px 56px; border-left: 0; border-bottom: 1px solid var(--ndc-line); }
  .process-step > span, .process-step + .process-step > span { top: 29px; left: 0; transform: none; }
  .process-step.is-reached > span { transform:scale(1.04); }
  .process-step.is-active > span { transform:scale(1.12); }
  .telegram-stage { min-height: auto; grid-template-columns: 1fr; gap: 18px; }
  .telegram-stage .scene-card { min-height: 0; }
  .telegram-stage__copy { width: 100%; margin: 0; }
  .mission-layout .scene-card { min-height: 0; }
  .visual-panel { min-height: 460px; }
  .contact-grid { grid-template-columns: 1fr; }
  .footer-main { grid-template-columns: 1.3fr repeat(2, 1fr); }
  .footer-main > :last-child { grid-column: 2; }
  .principle-grid { grid-template-columns: 1fr; }
  .principle-card { min-height: 290px; }
  .boundary-panel { grid-template-columns: 1fr; align-items:start; }
  #faq .container { display:block; }
  #faq .section-heading { position:static;margin-bottom:34px; }
  #faq .section-title { font-size:clamp(42px,7vw,64px); }
  .telegram-preview-layout { grid-template-columns:1fr; }
  .telegram-preview-copy { max-width:720px; }
  .honest-limits__grid { grid-template-columns:1fr; }
  .honest-limit { min-height:0; }
  .honest-limit__top { margin-bottom:34px; }
  .result-guide__intro { grid-template-columns:1fr; }
  .result-guide__intro .section-copy { grid-column:1;grid-row:auto;margin-top:0; }
  .result-guide__steps { grid-template-columns:1fr; }
  .result-guide__steps article { min-height:0; }
  .result-guide__steps article + article { border-top:1px solid var(--ndc-line);border-left:0; }
  .result-guide__steps small { margin-top:38px; }
  .result-guide__progress { top:54px;right:auto;bottom:54px;left:45px;width:2px;height:auto; }.result-guide__progress i { width:100%;height:var(--result-progress,0%); }
  .risk-taxonomy { grid-template-columns:1fr; }
  .risk-category--high { grid-row:auto; }
  .not-found__layout { grid-template-columns:1fr; }
  .not-found__copy { padding-top:26px; }
  .not-found__visual { order:-1;min-height:520px; }
  .not-found__visual img { height:520px; }
  .facts-heading { display:block; }
  .facts-heading .section-copy { margin-top:22px; }
  .privacy-data__grid { grid-template-columns:1fr; }
  .privacy-data__grid article { min-height:0; }
  .privacy-data__grid article + article { border-top:1px solid var(--ndc-line);border-left:0; }
  .privacy-data__grid span { margin-bottom:38px; }
  .access-teaser { grid-template-columns:1fr; }
  .access-teaser__paths { justify-content:flex-start; }
  .methodology-panel__intro { grid-template-columns:1fr; }
  .methodology-panel__intro .section-copy { grid-column:1;grid-row:auto;margin-top:0; }
  .methodology-flow { grid-template-columns:1fr; }
  .methodology-progress { top:52px;right:auto;bottom:52px;left:45px;width:2px;height:auto; }
  .methodology-progress i { width:100%;height:var(--method-progress);transition:height 80ms linear; }
  .method-step { min-height:250px;padding:42px 24px 36px 100px;border-inline-end:0;border-bottom:1px solid rgba(95,145,255,.14); }
  .method-step:last-of-type { border-bottom:0; }
  .method-step__marker { top:28px;left:45px; }
  .method-motion { top:50px;right:30px;left:auto;transform:none; }
  .method-step > span { top:24px;right:22px; }
  .method-freshness { grid-template-columns:auto minmax(0,1fr); }
  .method-freshness > span { grid-column:1 / -1;padding:18px 0 0;border-top:1px solid rgba(97,145,255,.2);border-left:0; }
  .origin-panel,.team-layout { grid-template-columns:1fr; }
  .origin-panel { gap:32px; }
  .roadmap-item { width:calc(50% - 46px); }
  .roadmap-item--left .roadmap-marker { right:-68px; }
  .roadmap-item--right .roadmap-marker { left:-68px; }
  .support-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .support-category-grid .glass-card { min-height:260px; }
  .workflow-story { grid-template-columns:1fr; }
  .workflow-story__visual { min-height:0;aspect-ratio:16 / 9;border-right:0;border-bottom:1px solid rgba(106,153,255,.2); }
  .workflow-story__visual::after { background:linear-gradient(0deg,rgba(4,5,39,.5),transparent 35%); }
  .workflow-story__copy { min-height:360px;padding:44px; }
  .page-pricing .pricing-grid { grid-template-columns:1fr; }
  .page-pricing .price-copy { min-height:0; }
  .capability-heading { grid-template-columns:1fr;gap:10px;margin-bottom:28px; }
  .capability-heading__copy { max-width:720px; }
  .capability-heading .section-title { max-width:680px; }
  .capability-hero-scene { width:min(100%,820px);margin:-8px auto -12px; }
  .capability-stage { grid-template-columns:170px minmax(0,1fr);gap:22px 32px;min-height:0;padding:28px 30px; }
  .capability-stage__items { grid-column:2; }
  .capability-scene { grid-column:2;height:126px; }
  .capability-flow__rail { top:54px;bottom:54px;left:59px; }
}

@media (max-width: 680px) {
  :root { --ndc-gutter: 16px; --ndc-section: 56px; }
  .site-grid, .home-hero::before { background-size: 48px 48px; }
  .section { scroll-margin-top: 76px; }
  .site-header { top: 8px; width: calc(100% - 16px); }
  .site-header.is-collapsed { left: calc(100% - 8px); width: 58px; height: 58px; }
  .nav-shell { padding-left: 58px; }
  .nav-brand { padding: 7px 9px; }
  .nav-brand span { display: none; }
  .nav-brand img { width: 29px; height: 29px; }
  .hero-layout { padding-top: 98px; }
  .hero-copy h1 { font-size: clamp(36px, 10.2vw, 60px); line-height: 1.02; }
  .hero-intro { max-width: 360px; font-size: 15px; }
  .hero-layout, .hero-copy { min-width: 0; }
  .hero-copy h1 { max-width: 100%; }
  .character { width: min(100%, 560px); margin-top: 12px; }
  .tablet-screen { padding: 8px 10px; }
  .tablet-content { justify-content: center; padding-top: 4px; }
  .tablet-label { margin-bottom: 3px; font-size: clamp(6.5px, 1.85vw, 8px); line-height: 1.2; letter-spacing: .07em; }
  .tablet-title { font-size: clamp(13px, 3.6vw, 16px); line-height: 1.02; }
  .tablet-actions { gap: 6px; margin-top: 7px; }
  .tablet-button { min-width: 0; min-height: 32px; gap: 5px; padding: 0 7px; border-radius: 9px; font-size: clamp(8px, 2.25vw, 9.5px); line-height: 1; }
  .tablet-button svg { width: 12px; height: 12px; }
  .workflow-marquee { min-height:64px; }
  .workflow-marquee__fixed { width: 188px; padding: 0 22px 0 16px; font-size: 8px; line-height:1.3; letter-spacing:.12em; }
  .workflow-marquee__fixed span { display:block;width:130px; }
  .workflow-marquee__fixed br { display:block; }
  .workflow-marquee__track::before { width:188px; }
  .workflow-marquee__item { min-height: 64px; padding-inline: 28px; font-size:11px; }
  .network-marquee { min-height:58px; }
  .network-marquee .workflow-marquee__fixed { width:112px;padding-left:16px; }
  .network-marquee .workflow-marquee__fixed span { width:auto; }
  .network-marquee .workflow-marquee__track::before { width:112px; }
  .network-marquee__item { min-height:58px;padding-inline:20px;gap:7px; }
  .network-marquee__item b { font-size:10px; }.network-marquee__item small { font-size:7px; }
  .section-heading { margin-bottom:34px; }
  .section-heading--stack .section-copy { margin-top:18px; }
  .section-title { font-size: clamp(38px, 12vw, 58px); }
  .display { font-size: clamp(48px, 14vw, 74px); }
  .inner-title { font-size:clamp(36px,10.2vw,60px);line-height:1.02;letter-spacing:-.024em; }
  .card-grid, .card-grid--2, .card-grid--4, .pricing-grid, .article-grid, .stat-grid { grid-template-columns: 1fr; }
  .glass-card { padding: 24px; }
  .card-number, .card-icon { margin-bottom: 28px; }
  .visual-panel { min-height: 320px; }
  .editorial-item { grid-template-columns: 36px 1fr; gap: 14px; }
  .scene-result { width: calc(100% - 28px); }
  .scene-card--support img { aspect-ratio: 4 / 3; object-position: 42% center; }
  .telegram-stage .scene-card img { height:auto; min-height:0; aspect-ratio:4 / 3; object-position:25% center; }
  .mission-layout .scene-card picture img { height:auto;min-height:0;aspect-ratio:4 / 3;object-position:center; }
  .scene-card--risk img { height:auto; min-height:0; aspect-ratio:4 / 3; object-position:center; }
  .product-scene .scene-card { min-height:0; }
  .telegram-stage__copy .section-title { font-size: clamp(38px, 11vw, 55px); }
  .contact-action { grid-template-columns: 44px minmax(0,1fr); padding: 20px; }
  .contact-action .card-icon { width: 44px; height: 44px; padding: 10px; }
  .article-thumb { height: 170px; }
  .step-visual { height: 190px; }
  .step-result-card { right: 24px; left: 24px; }
  .check-window { width: 88%; padding: 18px; }
  .risk-score { grid-template-columns: 72px 1fr; gap: 16px; }
  .score-ring { width: 72px; height: 72px; }
  .score-ring::before { width: 56px; height: 56px; font-size: 19px; }
  .usecase-row,.usecase-list .usecase-row { grid-template-columns:1fr;gap:18px;padding-block:28px; }
  .usecase-row__heading { grid-template-columns:22px 42px minmax(0,1fr);gap:12px; }
  .usecase-row__heading .card-icon { width:42px;height:42px;padding:10px; }
  .usecase-list .usecase-row h3 { font-size:24px; }
  .usecase-list .usecase-row p { font-size:14px;line-height:1.6; }
  .workflow-stories-section .section-heading { margin-bottom:28px; }
  .workflow-stories { border-radius:24px; }
  .workflow-story { grid-template-rows:clamp(252px,72vw,280px) auto; }
  .workflow-story__visual { height:100%;aspect-ratio:auto; }
  .workflow-story__visual > span { top:14px;left:14px;width:38px;height:38px;border-radius:12px; }
  .workflow-story__copy { min-height:0;padding:28px 22px 30px; }
  .workflow-story__type { margin-bottom:16px;font-size:9px; }
  .workflow-story__copy h3 { font-size:clamp(31px,9.1vw,40px);line-height:1.03; }
  .workflow-story__copy > p:not(.workflow-story__type) { margin-top:20px;font-size:14px;line-height:1.6; }
  .workflow-story__decision { margin-top:20px;padding:11px 13px;font-size:12px; }
  .workflow-stories__controls { min-height:68px;grid-template-columns:1fr auto;padding:10px 12px; }
  .workflow-stories__nav button { width:42px;height:42px;border-radius:13px; }
  .workflow-stories__status { justify-self:end; }
  .workflow-stories__dots { display:none; }
  .pricing-toggle { height:54px;border-radius:16px; }
  .pricing-toggle > i { border-radius:11px; }
  .pricing-toggle button { font-size:12px; }
  .pricing-switcher__note { margin:15px auto 28px;font-size:12px; }
  .price-heading { margin-top:16px; }
  .price-title { font-size:30px; }
  .page-pricing .inner-hero { padding-bottom:40px; }
  .page-pricing .pricing-options-section { padding-top:18px;padding-bottom:48px; }
  .page-pricing .pricing-panels { display:block; }
  .page-pricing .pricing-panel { grid-area:auto;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none; }
  .page-pricing .pricing-panel[hidden] { display:none!important; }
  .page-pricing .pricing-grid { gap:18px; }
  .page-pricing .price-card { padding:22px 20px 24px;border-radius:20px; }
  .page-pricing .price-badge { top:20px;right:18px;padding:6px 8px;font-size:8px; }
  .page-pricing .price-label { max-width:58%;font-size:9px;line-height:1.35; }
  .page-pricing .price-heading { margin:15px 0 12px; }
  .page-pricing .price-unit { margin-top:6px; }
  .page-pricing .price-rate { margin-top:4px; }
  .page-pricing .price-meta { margin-bottom:14px;padding:6px 9px;font-size:10px; }
  .page-pricing .price-copy { font-size:13px;line-height:1.55; }
  .page-pricing .feature-list { gap:11px;margin:20px 0 24px;padding-top:18px; }
  .page-pricing .feature-list li { font-size:13px; }
  .page-pricing .price-card .button { min-height:48px;padding-inline:14px; }
  .page-pricing .pricing-faq-section { padding-block:44px; }
  .page-pricing #faq .section-heading { margin-bottom:26px; }
  .page-pricing #faq .section-title { max-width:340px;font-size:clamp(36px,10.4vw,42px);line-height:1.04; }
  .page-pricing #faq .faq-list { gap:10px; }
  .page-pricing #faq .faq-question { min-height:68px;padding:16px;font-size:14px; }
  .page-pricing #faq .faq-answer p { padding:0 42px 18px 54px;font-size:13.5px;line-height:1.58; }
  .contact-form { grid-template-columns: 1fr; }
  .field--full, .form-note { grid-column: auto; }
  .style-swatch-grid { grid-template-columns: 1fr 1fr; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-main > :first-child { grid-column: 1 / -1; }
  .footer-main > :last-child { grid-column: auto; }
  .inner-hero { padding:104px 0 50px; }
  .inner-intro { margin-top:20px;font-size:16px; }
  .inner-hero + .section { padding-top:48px; }
  .section + .section:not(.section--surface) { padding-top:46px; }
  .section--cta { padding-block:32px !important; }
  .section--cta .container { padding-inline:12px; }
  .page-home .section-title { font-size:clamp(36px,10.8vw,48px); }
  .page-home #process .section-heading { margin-bottom:16px; }
  .page-home #process .process-rail { margin-top:20px; }
  .page-use-cases .inner-hero + .section,
  .page-contact .inner-hero + .section { padding-top:42px; }
  .page-contact .inner-hero { padding-bottom:42px; }
  .page-contact .section { padding-block:48px; }
  .page-contact .section + .section:not(.section--surface) { padding-top:44px; }
  .page-contact .contact-grid { gap:16px; }
  .page-contact .contact-panel { order:-1; }
  .page-contact .contact-actions { gap:12px; }
  .page-contact .contact-panel { padding:22px; }
  .page-contact .contact-panel > .card-copy { margin-bottom:20px; }
  .page-contact .contact-form { gap:14px; }
  .page-contact .field textarea { min-height:126px; }
  .cta-panel { min-height:0;place-items:start;padding:38px 26px;border-radius:24px;text-align:left; }
  .cta-panel::after { top:14px;right:18px;font-size:6px; }
  .cta-panel > div { display:grid;grid-template-columns:1fr;gap:28px; }
  .cta-panel__copy { gap:20px; }
  .cta-panel .section-title,.cta-panel .section-copy { margin-inline:0; }
  .cta-panel .section-title { max-width:100%;font-size:clamp(34px,9vw,38px);line-height:1.025;letter-spacing:-.018em; }
  .cta-panel .section-copy { margin-top:0; }
  .cta-panel .button-row { display:flex;width:100%;justify-content:flex-start;margin-top:0; }
  .cta-panel .button-row .button { width:100%;min-width:0; }
  .page-features .inner-title,.page-pricing .inner-title { max-width:360px; }
  .page-features .product-hero { padding-top:84px;padding-bottom:14px; }
  .page-features .product-hero__layout { gap:2px; }
  .page-features .product-hero__copy { padding-block:0; }
  .page-features .product-hero .inner-title { max-width:100%;font-size:clamp(39px,11.2vw,46px);line-height:1.025;letter-spacing:-.025em; }
  .page-features .product-hero .inner-intro { max-width:350px;margin-top:16px;font-size:15px;line-height:1.55; }
  .page-features .product-hero__actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px; }
  .page-features .product-hero__actions .button { width:100%;min-width:0;padding-inline:10px;font-size:12px; }
  .page-features .product-hero__scene { width:calc(100% + 34px);margin:-6px -17px -34px; }
  .page-features .section { padding-block:48px; }
  .page-features .inner-hero + .section { padding-top:42px; }
  .page-features .section + .section:not(.section--surface) { padding-top:44px; }
  .page-features .section-heading { margin-bottom:28px; }
  .page-features .section-heading--stack .section-copy { margin-top:16px; }
  .page-features .capability-heading { gap:0;margin-bottom:24px; }
  .page-features .capability-heading .kicker { margin-bottom:18px; }
  .page-features .capability-heading .section-title { max-width:330px;font-size:clamp(37px,10.5vw,46px);line-height:1.02; }
  .page-features .capability-heading .section-copy { margin-top:18px;font-size:14px;line-height:1.55; }
  .page-features .capability-hero-scene { width:calc(100% + 20px);margin:2px -10px -4px; }
  .page-features .capability-flow { border-radius:22px; }
  .page-features .capability-flow__rail { top:46px;bottom:46px;left:42px; }
  .page-features .capability-stage { display:grid;grid-template-columns:1fr;gap:16px;min-height:0;padding:24px 18px; }
  .page-features .capability-stage__label { grid-template-columns:48px minmax(0,1fr);gap:15px; }
  .page-features .capability-stage__label > span { width:48px;height:48px;box-shadow:0 0 0 6px rgba(6,8,49,.92),0 0 20px rgba(17,136,255,.16); }
  .page-features .capability-stage__label h2 { font-size:29px; }
  .page-features .capability-stage__items { grid-column:1;grid-template-columns:1fr;margin-left:63px; }
  .page-features .capability-item { padding:11px 0; }
  .page-features .capability-item + .capability-item { padding:15px 0 5px;border-top:1px solid rgba(105,149,244,.18);border-left:0; }
  .page-features .capability-item h3 { font-size:19px; }
  .page-features .capability-item p { margin-top:7px;font-size:12px; }
  .page-features .capability-scene { grid-column:1;width:calc(100% - 63px);height:116px;margin-left:63px;border-radius:17px; }
  .page-features .section:not(.section--surface) .cta-panel,
  .page-pricing .section--cta .cta-panel { padding-block:42px; }
  #faq .faq-question { grid-template-columns:30px minmax(0,1fr) 28px;gap:12px;padding:20px 18px; }
  #faq .faq-answer p { padding:0 48px 22px 60px; }
  .page-features .facts-heading { margin-bottom:28px; }
  .page-features .facts-heading .section-copy { margin-top:16px; }
  .telegram-preview-layout { gap:30px; }
  .telegram-preview-copy .section-title { font-size:clamp(38px,10.5vw,46px); }
  .page-features .telegram-preview-layout { gap:24px; }
  .page-features .telegram-preview-copy .section-copy { margin-top:18px; }
  .page-features .telegram-preview { border-radius:22px; }
  .page-features .telegram-preview__bar { min-height:52px;padding-inline:16px; }
  .page-features .telegram-preview__chat { min-height:280px;max-height:420px;padding:16px 13px; }
  .demo-message { width:88%;padding:13px 14px; }.demo-message--result { width:96%; }.demo-message--result strong { font-size:16px; }
  .page-features .telegram-preview__composer { grid-template-columns:1fr;padding:12px;gap:9px; }.page-features .telegram-preview__composer .button { width:100%; }.page-features .telegram-preview__note { padding:0 13px 14px; }
  .facts-grid { grid-template-columns:1fr;gap:14px; }
  .page-features .fact-card,.page-features .fact-card--1,.page-features .fact-card--2,.page-features .fact-card--3,.page-features .fact-card--4,.page-features .fact-card--5 { min-height:0;grid-column:auto;grid-template-rows:158px auto; }
  .page-features .fact-card__copy { padding:20px 20px 22px; }
  .page-features .fact-card__copy > span { margin-bottom:16px; }
  .page-features .fact-card__copy h3 { margin-top:8px;font-size:25px;line-height:1.08; }
  .page-features .fact-card__copy p { margin-top:12px;font-size:13px;line-height:1.55; }
  .page-features .motion-scene { min-height:158px; }
  .facts-heading .section-title { font-size:clamp(37px,10.4vw,46px); }
  .network-ring--outer { width:270px;height:150px; }.network-ring--inner { width:160px;height:90px; }.network-token { width:50px;height:50px; }.network-token--btc{left:14%}.network-token--eth{right:14%}.network-token--trx{right:18%}
  .result-format-card { width:84%;transform:none; }
  .analysis-path-scene { padding-inline:5%; }.analysis-node span { width:54px;height:54px;border-radius:17px; }
  .vault-shell { transform:scale(.88); }.vault-data--address{left:5%}.vault-data--hash{right:5%}.vault-data--network{right:5%}.vault-rejected{left:5%}
  .page-features .risk-taxonomy { gap:12px; }
  .page-features .risk-category header { grid-template-columns:42px 1fr 8px;gap:14px;padding:19px 18px; }.page-features .risk-category header > span { width:40px;height:40px; }.page-features .risk-category header h3 { font-size:25px;line-height:1.06; }.page-features .risk-category ul { padding:7px 18px 13px; }.page-features .risk-category li { padding-block:9px;font-size:12.5px; }
  .privacy-data { padding-top:44px; }
  .privacy-data__grid article { padding:26px 22px; }
  .privacy-data__grid span { margin-bottom:28px; }
  .honest-limits .section-title,.result-guide .section-title { font-size:clamp(37px,10.4vw,46px); }
  .honest-limits__grid { border-radius:24px; }
  .page-features .honest-limit { padding:22px 20px 24px; }.page-features .honest-limit__top { margin-bottom:19px; }.page-features .honest-limit__top > span { width:44px;height:44px;font-size:11px; }.page-features .honest-limit .card-icon { width:46px;height:46px; }.page-features .honest-limit h3 { font-size:26px;line-height:1.08; }.page-features .honest-limit p { margin-top:12px;font-size:13px;line-height:1.55; }
  .page-features .result-guide { border-radius:24px; }.page-features .result-guide__intro { display:block;padding:24px 20px; }.page-features .result-guide__intro .section-copy { margin-top:17px; }.page-features .result-guide__steps article { padding:24px 20px 25px 62px; }.page-features .result-guide__steps article > span { position:absolute;top:24px;left:20px; }.page-features .result-guide__steps small { margin-top:16px; }.page-features .result-story-visual { height:82px;margin:16px 0 14px; }.page-features .result-guide__steps h3 { margin:8px 0 10px;font-size:26px;line-height:1.08; }.page-features .result-guide__steps p { font-size:13px;line-height:1.55; }.page-features .result-guide__progress { top:46px;bottom:46px;left:38px; }
  .not-found { min-height:auto;padding:98px 0 52px; }
  .not-found__layout { width:calc(100% - 32px);gap:0;padding:0;border:1px solid rgba(118,160,255,.28);border-radius:26px;background:linear-gradient(155deg,rgba(11,16,75,.78),rgba(4,5,34,.96));box-shadow:var(--ndc-shadow);overflow:hidden; }
  .not-found__visual { min-height:350px;border:0;border-bottom:1px solid rgba(118,160,255,.2);border-radius:0;background:#050526;box-shadow:none; }
  .not-found__visual img { height:350px;object-position:68% center; }
  .not-found__copy { padding:28px 24px 30px; }
  .not-found__copy .kicker { margin-bottom:18px; }
  .not-found__copy .inner-intro { margin-top:22px; }
  .not-found__copy .button-row { display:grid;grid-template-columns:1fr;margin-top:28px; }
  .not-found__copy .button { width:100%; }
  .legal-hero { min-height:68vh;padding:118px 0 56px; }.legal-placeholder { margin-top:30px;padding:24px; }
  .consent-banner { right:12px;bottom:12px;left:12px;grid-template-columns:1fr;gap:15px;padding:20px 18px 17px;border-radius:20px; }.consent-copy { padding-right:18px; }.consent-actions { display:grid;grid-template-columns:1fr 1fr; }.consent-actions .button { min-width:0;width:100%; }
  .access-teaser { gap:25px;padding:28px 22px;border-radius:24px; }
  .access-teaser h3 { font-size:29px; }.access-teaser p { font-size:14px; }.access-teaser__paths { display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr;gap:5px; }.access-teaser__paths span { padding:9px 6px;text-align:center;font-size:8px;white-space:normal; }.access-teaser__paths i { width:16px; }.access-teaser > .button { width:100%; }
  .page-features .methodology-panel { padding:24px 18px 26px;border-radius:24px; }
  .methodology-panel__intro { display:block; }
  .page-features .methodology-panel__intro .section-title { font-size:clamp(37px,10.4vw,46px); }
  .page-features .methodology-panel__intro .section-copy { margin-top:17px; }
  .page-features .methodology-flow { display:block;margin-top:22px; }
  .page-features .methodology-progress { top:27px;bottom:27px;left:21px;display:block; }
  .page-features .method-step { min-height:0;padding:24px 0 25px 59px;border-bottom:1px solid rgba(91,143,255,.18); }
  .method-step:last-of-type { border-bottom:0; }
  .page-features .method-step__marker { top:21px;left:21px;width:38px;height:38px;border-radius:12px; }
  .page-features .method-step > span { top:24px;right:0; }
  .page-features .method-motion { position:relative;top:auto;right:auto;left:auto;width:min(138px,100%);height:58px;margin:17px 0 18px;transform:none; }
  .page-features .method-step h3 { font-size:25px;line-height:1.08; }
  .page-features .method-step p { margin-top:11px;font-size:13px;line-height:1.55; }
  .page-features .method-freshness { grid-template-columns:1fr;gap:11px;margin-top:12px;padding:18px; }
  .method-freshness__pulse { margin-bottom:4px; }
  .method-freshness > span { padding:15px 0 0;border-top:1px solid rgba(97,145,255,.2);border-left:0; }
  .glossary-grid { grid-template-columns:1fr; }.glossary-grid article { min-height:0;padding:26px 22px;border-right:0; }.glossary-grid article:nth-child(n+5) { display:none; }.glossary-fade { height:38%; }.glossary-more { bottom:22px; }
  .origin-panel { display:block;padding:28px 22px;border-radius:26px; }.origin-panel__copy .section-copy { font-size:15px; }
  .origin-panel__copy .section-title { font-size:clamp(38px,11vw,48px); }
  .origin-history { margin-top:28px; }
  .origin-history::before { top:30px;bottom:30px;left:21px; }
  .origin-history li { grid-template-columns:44px minmax(0,1fr);gap:15px;padding:18px 0; }
  .origin-history li > span { width:44px;height:44px;border-radius:14px;box-shadow:0 0 0 6px rgba(6,7,48,.9); }
  .origin-history b { margin-top:2px;font-size:20px; }.origin-history small { font-size:12px; }
  .roadmap-timeline { gap:14px;margin-top:38px; }
  .roadmap-progress { top:24px;bottom:24px;left:21px;transform:none; }
  .roadmap-item,.roadmap-item--left,.roadmap-item--right { width:calc(100% - 54px);min-height:0;margin:0 0 0 54px;text-align:left; }
  .roadmap-item--left .roadmap-marker,.roadmap-item--right .roadmap-marker { right:auto;left:-55px; }
  .roadmap-item--left .roadmap-card header { flex-direction:row; }
  .roadmap-card { padding:24px 22px; }
  .roadmap-card header { margin-bottom:22px; }
  .roadmap-card h3 { font-size:25px; }
  .team-layout { gap:30px; }.team-copy .section-title { font-size:clamp(38px,11vw,48px); }.team-copy .section-copy { font-size:15px; }.team-copy__secondary { font-size:13px !important; }
  .team-disciplines { width:calc(100% + 44px);margin-inline:-22px; }
  .team-disciplines span { padding:13px 15px;font-size:9px; }
  .robbie-card { width:100%;min-height:390px; }
  .robbie-card::before { width:250px;height:250px; }
  .robbie-card__portrait { width:250px;height:250px; }
  .robbie-card figcaption { width:100%;margin:-34px 0 0;padding:20px 21px; }
  .robbie-card__mark { top:62%;right:31%; }
  .support-category-grid { grid-template-columns:1fr; }.support-category-grid .glass-card { min-height:0;padding:24px; }.support-category-grid .card-icon { margin-bottom:28px; }.support-category-grid .card-title { margin-bottom:16px; }
  .mission-layout,.telegram-stage,.showcase-layout { gap:28px; }
  .showcase-layout { position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px;border:1px solid rgba(130,166,255,.2);border-radius:26px;background:linear-gradient(155deg,rgba(13,17,80,.76),rgba(5,6,39,.82));overflow:hidden; }
  .showcase-copy { z-index:2;order:1;max-width:none;padding:6px 4px 28px; }
  .showcase-copy .kicker { margin-bottom:14px; }
  .showcase-copy .section-title { font-size:clamp(38px,11vw,48px); }
  .showcase-copy .section-copy { margin-top:18px;font-size:15px;line-height:1.55; }
  .showcase-copy .button-row { margin-top:24px; }
  .showcase-layout > .visual-panel,
  .showcase-layout > .product-scene { order:2;width:calc(100% + 48px);margin:0 -24px -24px; }
  .showcase-layout > .visual-panel { min-height:292px;border-width:1px 0 0;border-radius:0;box-shadow:none; }
  .showcase-layout > .visual-panel .check-window { width:calc(100% - 44px); }
  .showcase-layout > .product-scene .scene-card { aspect-ratio:16 / 10;border-width:1px 0 0;border-radius:0;box-shadow:none; }
  .showcase-layout > .product-scene .scene-card img { width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none; }
  .showcase-layout > .product-scene .scene-result { right:auto;bottom:16px;left:18px;width:min(56%,205px);padding:14px; }
  .showcase-layout > .product-scene .scene-result span { margin-bottom:10px;font-size:8px; }
  .showcase-layout > .product-scene .scene-result strong { font-size:16px; }
  .telegram-stage { display:block;padding:0 16px 16px;border:1px solid rgba(130,166,255,.2);border-radius:26px;background:linear-gradient(155deg,rgba(13,17,80,.72),rgba(5,6,39,.88));overflow:hidden; }
  .telegram-stage .scene-card { position:relative;width:calc(100% + 32px);height:clamp(190px,56vw,218px);margin:0 -16px;aspect-ratio:auto;border-width:0 0 1px;border-radius:0;box-shadow:none;overflow:hidden; }
  .telegram-stage .scene-card img { position:absolute;inset:0;display:block;width:100%!important;height:100%!important;min-height:100%!important;aspect-ratio:auto!important;object-fit:cover;object-position:29% center;transform:none!important;transform-origin:center; }
  .telegram-stage__copy { position:relative;margin:-26px 0 0;padding:28px 22px 26px;border-radius:22px;background:radial-gradient(circle at 0 0,rgba(32,92,255,.2),transparent 42%),rgba(4,5,34,.96);box-shadow:0 22px 55px rgba(0,0,22,.42); }
  .telegram-stage__copy .kicker { margin-bottom:14px; }
  .telegram-stage__copy .section-copy { margin-top:18px;font-size:15px;line-height:1.55; }
  .telegram-stage__copy .feature-list { margin-top:22px; }
  .telegram-stage__copy .button-row { margin-top:24px; }
  .mission-layout { position:relative;align-items:start;gap:0;padding:24px;border:1px solid rgba(130,166,255,.2);border-radius:26px;background:linear-gradient(155deg,rgba(13,17,80,.76),rgba(5,6,39,.82));overflow:hidden; }
  .mission-copy { z-index:2;padding:6px 4px 26px; }
  .mission-copy::before { top:-42px;left:-46px;opacity:.7; }
  .mission-copy .kicker { margin-bottom:14px; }
  .mission-copy .section-title { font-size:clamp(38px,11vw,48px); }
  .mission-copy .section-copy { margin-top:18px;font-size:15px;line-height:1.55; }
  .mission-signal { margin-top:24px; }
  .mission-layout .scene-card { width:calc(100% + 48px);margin:0 -24px -24px;aspect-ratio:16 / 10;border-width:1px 0 0;border-radius:0;background:transparent;box-shadow:none; }
  .mission-layout .scene-card picture img { display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none; }
  .mission-character-mark { top:33%;left:28.6%;width:4.2%!important; }
  .principle-card { min-height:270px;padding:24px; }
  .principle-card h3 { margin-top:130px; }
  .boundary-panel { padding:30px 24px; }
  .boundary-path { opacity:.5; }
  .footer-main { gap:28px;padding-block:44px; }
  .footer-bottom { flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:13px 0 16px;font-size:8px; }
  .footer-legal,.online { padding:0;border:0;background:none;white-space:nowrap; }
  .online b { font-size:8px; }
}

/* Home mobile rhythm aligned with the compact desktop system */
@media (max-width: 680px) {
  .page-home .section { padding-block:48px; }
  .page-home .section + .section:not(.section--surface) { padding-top:44px; }
  .page-home .section-heading { margin-bottom:28px; }
  .page-home .section-heading--stack .section-copy { margin-top:16px; }
  .page-home .section-copy { font-size:15px;line-height:1.58; }

  .page-home .hero-layout { padding-top:94px; }
  .page-home .hero-copy { padding-bottom:8px; }
  .page-home .character { margin-top:4px; }

  .page-home #workflows.workflow-marquee,
  .page-home #workflows .workflow-marquee__item,
  .page-home .network-marquee,
  .page-home .network-marquee__item { min-height:60px; }

  .page-home #why .editorial-grid { gap:28px; }
  .page-home #why .editorial-intro .section-title { max-width:350px;font-size:clamp(38px,10.7vw,43px); }
  .page-home #why .editorial-intro .section-copy { margin-top:20px; }
  .page-home #why .editorial-list { gap:0;padding-top:0; }
  .page-home #why .editorial-item { grid-template-columns:36px minmax(0,1fr);gap:14px;padding:21px 0; }
  .page-home #why .editorial-item:first-child { border-top:1px solid var(--ndc-line); }
  .page-home #why .editorial-item h3 { margin-bottom:8px;font-size:25px;line-height:1.05; }
  .page-home #why .editorial-item p { font-size:14px;line-height:1.56; }

  .page-home #product .showcase-layout { padding:20px;border-radius:24px; }
  .page-home #product .showcase-copy { padding:4px 2px 22px; }
  .page-home #product .showcase-copy .kicker { margin-bottom:12px; }
  .page-home #product .showcase-copy .section-title { font-size:clamp(37px,10.5vw,42px); }
  .page-home #product .showcase-copy .section-copy { margin-top:16px; }
  .page-home #product .showcase-copy .button-row { margin-top:22px; }
  .page-home #product .showcase-layout > .visual-panel { width:calc(100% + 40px);min-height:250px;margin:0 -20px -20px; }
  .page-home #product .showcase-layout > .visual-panel .check-window { width:calc(100% - 40px);padding:16px; }

  .page-home #process .section-heading { margin-bottom:12px; }
  .page-home #process .process-rail { margin-top:16px; }
  .page-home #process .process-step,
  .page-home #process .process-step + .process-step { padding:26px 0 24px 54px; }
  .page-home #process .process-step > span,
  .page-home #process .process-step + .process-step > span { top:23px; }
  .page-home #process .process-step h3 { min-height:0;margin-bottom:8px;font-size:23px; }
  .page-home #process .process-step p { min-height:0;font-size:14px;line-height:1.56; }
  .page-home #process .step-visual { height:150px;margin-top:18px;border-radius:18px; }
  .page-home #process .step-cube { width:62px;height:62px; }
  .page-home #process .step-cube--back { top:22px; }
  .page-home #process .step-cube--front { top:46px;left:calc(50% - 50px); }
  .page-home #process .step-orbit--one { width:128px;height:64px; }
  .page-home #process .step-orbit--two { width:116px;height:98px; }
  .page-home #process .step-core { width:48px;height:48px; }
  .page-home #process .step-result-card { top:22px;right:22px;left:22px;gap:10px;padding:17px; }
  .page-home #process .step-check { right:18px;bottom:17px;width:38px;height:38px;font-size:18px; }

  .page-home #cases .section-heading { margin-bottom:22px; }
  .page-home #cases .usecase-list .usecase-row { gap:14px;padding-block:22px; }
  .page-home #cases .usecase-row__heading { grid-template-columns:20px 40px minmax(0,1fr);gap:11px; }
  .page-home #cases .usecase-row__heading .card-icon { width:40px;height:40px;padding:10px; }
  .page-home #cases .usecase-list .usecase-row h3 { font-size:23px; }
  .page-home #cases .usecase-list .usecase-row p { font-size:13.5px;line-height:1.55; }
  .page-home #cases .cases-action { margin-top:18px; }

  .page-home #telegram .telegram-stage { padding:0 14px 14px;border-radius:24px; }
  .page-home #telegram .telegram-stage .scene-card { width:calc(100% + 28px);height:196px;margin:0 -14px; }
  .page-home #telegram .telegram-stage__copy { margin-top:-22px;padding:24px 20px 22px;border-radius:20px; }
  .page-home #telegram .telegram-stage__copy .section-title { font-size:clamp(36px,10.4vw,42px); }
  .page-home #telegram .telegram-stage__copy .section-copy { margin-top:16px;font-size:14px; }
  .page-home #telegram .telegram-stage__copy .feature-list { margin-top:18px;gap:11px; }
  .page-home #telegram .telegram-stage__copy .feature-list li { font-size:13px; }
  .page-home #telegram .telegram-stage__copy .button-row { margin-top:22px; }

  .page-home #pricing .access-teaser { gap:20px;padding:24px 20px;border-radius:24px; }
  .page-home #pricing .access-teaser__copy > span { margin-bottom:9px; }
  .page-home #pricing .access-teaser h3 { font-size:27px; }
  .page-home #pricing .access-teaser p { margin-top:12px;font-size:13.5px;line-height:1.55; }
  .page-home #pricing .access-teaser__paths { grid-template-columns:1fr 12px 1fr 12px 1fr;gap:4px; }
  .page-home #pricing .access-teaser__paths span { padding:8px 5px; }
  .page-home #pricing .access-teaser__paths i { width:12px; }

  .page-home #faq .section-heading { margin-bottom:26px; }
  .page-home #faq .section-title { max-width:340px;font-size:clamp(38px,10.5vw,42px); }
  .page-home #faq .faq-list { gap:10px; }
  .page-home #faq .faq-question { min-height:70px;grid-template-columns:28px minmax(0,1fr) 28px;gap:10px;padding:16px; font-size:15px; }
  .page-home #faq .faq-answer p { padding:0 42px 18px 54px;font-size:14px;line-height:1.58; }

  .page-home .section--cta { padding-block:30px!important; }
  .page-home .cta-panel { padding:32px 22px;border-radius:24px; }
  .page-home .cta-panel .section-title { font-size:clamp(35px,10vw,40px); }
  .page-home .cta-panel .section-copy { margin-top:20px; }
  .page-home .cta-panel .button-row { margin-top:24px;gap:10px; }
}

@media (max-width: 400px) {
  .nav-shell { gap: 8px; }
  .nav-actions { margin-left: auto; }
  .language-trigger, .menu-toggle { width: 42px; height: 42px; }
  .hero-layout { padding-inline: 10px; }
  .hero-copy h1,.inner-title { font-size: clamp(32px, 10.2vw, 35px); }
  .character { width: 100%; }
  .button-row { flex-direction: column; }
  .button-row .button { width: 100%; }
  .online { gap:5px; }
  .style-swatch-grid { grid-template-columns: 1fr; }
}

@media (min-width: 681px) {
  .workflow-marquee__fixed br { display:none; }
}

/* High-visibility keyboard focus for every interactive control */
:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid #7bd7ff;
  outline-offset: 3px;
}

/* Production polish: stable wrapping, centered tablet content and legal pages. */
.hero-heading-line { display:block;white-space:nowrap; }
.gradient-text { padding-inline:.025em;margin-inline:-.025em;-webkit-box-decoration-break:clone;box-decoration-break:clone; }
:where(.display,.section-title,.inner-title,.card-title,.price-title,.article-body h2,.legal-document h2) {
  max-inline-size:100%;
  overflow:visible;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}
:where(.hero-intro,.inner-intro,.section-copy,.card-copy,.legal-document p) { text-wrap:pretty; }
.tablet-copy { padding-left:0;text-align:center; }
.tablet-label,.tablet-title { margin-inline:auto;text-align:center; }

.robbie-card figcaption strong { font-size:20px;line-height:1.08; }
.robbie-card figcaption span { margin-top:5px;font-size:10px;line-height:1.45;letter-spacing:.1em; }

.legal-hero { min-height:0;padding:clamp(132px,13vw,176px) 0 clamp(58px,6vw,82px);border-bottom:1px solid var(--ndc-line);background:radial-gradient(circle at 78% 28%,rgba(31,88,255,.2),transparent 31%); }
.legal-hero .inner-title { max-width:900px; }
.legal-hero .inner-intro { max-width:820px; }
.legal-meta { display:flex;flex-wrap:wrap;gap:10px;margin-top:30px; }
.legal-meta span { padding:9px 13px;border:1px solid rgba(103,153,255,.26);border-radius:999px;color:#bfcbe8;background:rgba(8,10,60,.58);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.legal-document-section { padding-block:clamp(64px,7vw,96px); }
.legal-layout { display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);align-items:start;gap:clamp(38px,6vw,90px); }
.legal-summary { position:sticky;top:112px;padding:24px;border:1px solid rgba(103,153,255,.24);border-radius:20px;background:linear-gradient(145deg,rgba(12,16,76,.82),rgba(4,5,34,.94)); }
.legal-summary > span { display:block;color:#70b7ff;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase; }
.legal-summary p { margin:14px 0 20px;color:#c0c9e2;font-size:14px;line-height:1.65; }
.legal-summary a { color:#75bcff;font-size:13px;font-weight:800;text-decoration:none; }
.legal-document { border:1px solid rgba(103,153,255,.24);border-radius:28px;background:linear-gradient(155deg,rgba(10,13,70,.72),rgba(4,5,34,.92));overflow:hidden; }
.legal-document__section { display:grid;grid-template-columns:44px minmax(0,1fr);gap:24px;padding:32px clamp(26px,3.3vw,46px); }
.legal-document__section + .legal-document__section { border-top:1px solid rgba(96,143,244,.16); }
.legal-document__section > span { padding-top:5px;color:#5e9eef;font-size:10px;font-weight:900;letter-spacing:.12em; }
.legal-document__section h2 { margin:0;font-size:clamp(23px,2.1vw,31px);line-height:1.12;letter-spacing:-.018em; }
.legal-document__section p { max-width:900px;margin:13px 0 0;color:#bdc7e0;font-size:15px;line-height:1.72; }
.legal-contact { margin:22px;padding:24px;border:1px solid rgba(86,148,255,.25);border-radius:20px;background:radial-gradient(circle at 0 0,rgba(0,188,255,.1),transparent 42%),rgba(5,8,47,.78); }
.legal-contact strong { display:block;color:#fff;font-size:20px; }
.legal-contact p { margin:10px 0 18px;color:#bdc7e0;font-size:14px;line-height:1.6; }

@media (max-width: 680px) {
  .tablet-actions--single .tablet-button { min-height:28px;border-radius:7px; }
  .tablet-actions--single { margin-top:5px; }
  .page-features .product-hero__scene { margin-top:10px; }
  .page-about .team-section { padding-bottom:60px; }
  .robbie-card figcaption strong { font-size:18px; }
  .robbie-card figcaption span { font-size:10.5px;letter-spacing:.085em; }
  .legal-hero { padding:104px 0 46px; }
  .legal-hero .inner-title { font-size:clamp(40px,12vw,50px); }
  .legal-meta { margin-top:24px; }
  .legal-document-section { padding-block:42px; }
  .legal-layout { grid-template-columns:1fr;gap:18px; }
  .legal-summary { position:static;padding:20px; }
  .legal-document { border-radius:22px; }
  .legal-document__section { grid-template-columns:32px minmax(0,1fr);gap:12px;padding:24px 18px; }
  .legal-document__section h2 { font-size:23px; }
  .legal-document__section p { margin-top:10px;font-size:14px;line-height:1.65; }
  .legal-contact { margin:14px;padding:20px; }
}

@media (max-width: 380px) {
  .hero-heading-line { white-space:normal; }
}
.button:focus-visible,
.nav-link:focus-visible,
.language-trigger:focus-visible,
.language-menu button:focus-visible,
.menu-toggle:focus-visible,
.pricing-toggle button:focus-visible,
.faq-question:focus-visible,
.workflow-stories__nav button:focus-visible,
.contact-form :is(input, textarea, select):focus-visible,
.telegram-preview__composer input:focus-visible {
  outline: 2px solid #7bd7ff;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(41, 135, 255, .2);
}

/* Resources: consistent editorial cards and a denser glossary */
@media (min-width: 681px) {
  .page-blog .article-grid {
    grid-auto-rows: 1fr;
    gap: 22px;
  }
  .page-blog .article-card {
    display: grid;
    grid-template-rows: auto auto auto 1fr auto;
    min-height: 0;
    padding: 32px;
  }
  .page-blog .article-thumb {
    width: auto;
    height: auto;
    aspect-ratio: 16 / 5;
    margin: -32px -32px 24px;
  }
  .page-blog .article-card .card-title {
    margin: 18px 0 12px;
    font-size: clamp(25px, 2.25vw, 34px);
    line-height: 1.08;
  }
  .page-blog .article-card .card-copy {
    font-size: 14px;
    line-height: 1.58;
  }
  .page-blog .article-card .card-link {
    align-self: end;
    margin-top: 20px;
  }
  .page-blog .glossary-grid article {
    min-height: 164px;
    padding: 24px 30px;
  }
  .page-blog .glossary-grid article > span { margin-bottom: 14px; }
  .page-blog .glossary-grid h3 {
    margin-bottom: 8px;
    font-size: clamp(23px, 1.8vw, 28px);
  }
  .page-blog .glossary-grid p {
    font-size: 13.5px;
    line-height: 1.55;
  }
  .page-blog .glossary-more { bottom: 20px; }
}

@media (max-width: 680px) {
  .page-blog .article-grid { gap: 14px; }
  .page-blog .article-card {
    display: grid;
    grid-template-rows: auto auto auto auto auto;
    min-height: 0;
    padding: 22px;
  }
  .page-blog .article-thumb {
    width: auto;
    height: auto;
    aspect-ratio: 16 / 7;
    margin: -22px -22px 20px;
  }
  .page-blog .article-card .card-title {
    margin: 17px 0 10px;
    font-size: clamp(24px, 7.2vw, 28px);
    line-height: 1.08;
  }
  .page-blog .article-card .card-copy {
    font-size: 13.5px;
    line-height: 1.55;
  }
  .page-blog .article-card .card-link { margin-top: 18px; }
  .page-blog .glossary-grid article {
    min-height: 146px;
    padding: 20px;
  }
  .page-blog .glossary-grid article > span { margin-bottom: 12px; }
  .page-blog .glossary-grid h3 {
    margin-bottom: 7px;
    font-size: 22px;
    line-height: 1.08;
  }
  .page-blog .glossary-grid p {
    font-size: 13px;
    line-height: 1.5;
  }
  .page-blog .glossary-fade { height: 40%; }
  .page-blog .glossary-more { bottom: 18px; }
}

/* About desktop: shorter introductions and a denser narrative rhythm */
@media (min-width: 941px) {
  .page-about .inner-hero {
    padding-top: 96px;
    padding-bottom: 42px;
  }
  .page-about .inner-intro { margin-top: 24px; }

  .page-about #mission { padding-block: clamp(48px, 4.2vw, 62px); }
  .page-about .mission-layout {
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: clamp(44px, 5vw, 70px);
  }
  .page-about .mission-copy { align-self: center; }
  .page-about .mission-layout .scene-card {
    width: min(100%, 650px);
    height: 410px;
    min-height: 0;
    justify-self: end;
  }
  .page-about .mission-layout .scene-card picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .page-about .origin-panel {
    grid-template-columns: minmax(0, .94fr) minmax(450px, 1.06fr);
    gap: 56px;
    padding: 56px 60px;
  }
  .page-about .origin-history li { padding-block: 15px; }
  .page-about .origin-history b { margin-top: 2px; }
  .page-about .origin-emphasis {
    position: relative;
    margin-top: 20px;
    padding-left: 17px;
  }
  .page-about .origin-emphasis::before {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 2px;
    border-radius: 2px;
    background: linear-gradient(180deg, #22d7ff, #355dff);
    box-shadow: 0 0 12px rgba(34, 189, 255, .35);
    content: "";
  }

  .page-about .about-principles { padding-block: clamp(52px, 4.6vw, 68px); }
  .page-about .about-principles .section-heading { margin-bottom: 42px; }
  .page-about .principle-card {
    min-height: 0;
    padding: 30px 32px 32px;
  }
  .page-about .principle-orbit {
    top: 36px;
    right: 30px;
    width: 90px;
    height: 90px;
  }
  .page-about .principle-card h3 {
    min-height: 2.08em;
    margin: 112px 0 12px;
    font-size: clamp(25px, 2.35vw, 34px);
  }
  .page-about .principle-card p { font-size: 14px; line-height: 1.56; }

  .page-about .roadmap-section { padding-bottom: clamp(44px, 4vw, 58px); }
  .page-about .roadmap-timeline {
    gap: 14px;
    margin-top: 46px;
    padding-block: 4px;
  }
  .page-about .roadmap-progress { top: 22px; bottom: 22px; }
  .page-about .roadmap-item { min-height: 150px; }
  .page-about .roadmap-card { padding: 22px 26px 24px; }
  .page-about .roadmap-card header { margin-bottom: 18px; }
  .page-about .roadmap-card h3 {
    margin-bottom: 9px;
    font-size: clamp(23px, 1.85vw, 28px);
  }
  .page-about .roadmap-card p { font-size: 13px; line-height: 1.52; }
  .page-about .roadmap-note { margin-top: 14px; }

  .page-about .team-section {
    padding-top: 44px;
    padding-bottom: clamp(52px, 4.6vw, 68px);
  }
  .page-about .team-layout {
    grid-template-columns: minmax(0, 1fr) minmax(310px, .46fr);
    gap: clamp(38px, 4.6vw, 64px);
  }
  .page-about .robbie-card {
    width: min(380px, 100%);
    min-height: 380px;
    margin: 0 0 0 -16px;
  }
  .page-about .robbie-card::before {
    width: 280px;
    height: 280px;
  }
  .page-about .robbie-card__portrait {
    width: 280px;
    height: 280px;
  }
  .page-about .robbie-card figcaption { width: min(270px, 82%); }
}

/* About: Mission is the hero, the warning story uses the full canvas, and CTA is separated. */
.page-about .about-mission-hero {
  border-bottom: 1px solid rgba(89, 137, 244, .2);
}

.page-about .team-section + .section--cta {
  border-top: 1px solid rgba(89, 137, 244, .2);
}

@media (min-width: 941px) {
  .page-about #mission.about-mission-hero {
    padding-top: clamp(136px, calc(4vw + 78px), 146px);
    padding-bottom: clamp(58px, 4vw, 68px);
  }

  .page-about .about-mission-hero .mission-layout {
    position: relative;
    display: block;
    min-height: clamp(500px, 42vw, 610px);
    overflow: hidden;
    border: 1px solid rgba(92, 143, 255, .2);
    border-radius: 30px;
    background: #050629;
    isolation: isolate;
  }

  .page-about .about-mission-hero .mission-copy {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(48%, 690px);
    min-height: inherit;
    flex-direction: column;
    justify-content: center;
    padding: clamp(54px, 5vw, 78px) 0 clamp(52px, 4.5vw, 72px) clamp(44px, 4.2vw, 70px);
  }

  .page-about .about-mission-hero .mission-copy::after {
    position: absolute;
    z-index: -1;
    inset: -80px -190px -80px -100px;
    background: linear-gradient(90deg, rgba(4, 5, 38, .96) 0%, rgba(4, 5, 38, .88) 48%, rgba(4, 5, 38, 0) 100%);
    content: "";
    pointer-events: none;
  }

  .page-about .about-mission-hero .mission-layout .scene-card {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    box-shadow: none;
  }

  .page-about .about-mission-hero .mission-layout .scene-card picture,
  .page-about .about-mission-hero .mission-layout .scene-card picture img {
    width: 100%;
    height: 100%;
  }

  .page-about .about-mission-hero .mission-layout .scene-card picture img {
    object-fit: cover;
    object-position: center;
  }

  .page-about .about-mission-hero .section-title {
    max-width: 640px;
    font-size: clamp(58px, 5.2vw, 80px);
    line-height: .98;
  }

  .page-about .origin-panel {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .page-about .origin-panel__copy {
    display: grid;
    grid-template-columns: minmax(390px, .9fr) minmax(0, 1.1fr);
    grid-template-rows: auto auto auto;
    column-gap: clamp(56px, 6vw, 92px);
    align-items: start;
  }

  .page-about .origin-panel__copy .kicker {
    grid-column: 1;
    grid-row: 1;
  }

  .page-about .origin-panel__copy .section-title {
    grid-column: 1;
    grid-row: 2 / span 2;
    max-width: 590px;
  }

  .page-about .origin-panel__copy .section-copy {
    grid-column: 2;
    grid-row: 2;
    max-width: 680px;
    margin-top: 0;
  }

  .page-about .origin-panel__copy .origin-emphasis {
    grid-column: 2;
    grid-row: 3;
    max-width: 680px;
  }

  .page-about .origin-history {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(94, 145, 255, .18);
  }

  .page-about .origin-history::before { display: none; }

  .page-about .origin-history li {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 16px;
    padding: 24px 28px 8px;
  }

  .page-about .origin-history li + li {
    border-top: 0;
    border-left: 1px solid rgba(94, 145, 255, .16);
  }

  .page-about .origin-history li > span {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .page-about .origin-history b {
    font-size: clamp(20px, 1.65vw, 25px);
    line-height: 1.08;
  }

  .page-about .origin-history small {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.5;
  }

  .page-about .roadmap-section { padding-bottom: clamp(38px, 3.5vw, 50px); }
  .page-about .team-section { padding-top: 38px; }
  .page-about .team-section + .section--cta { padding-top: clamp(44px, 4vw, 58px); }
}

@media (max-width: 940px) {
  .page-about .about-mission-hero {
    padding-top: 94px;
    padding-bottom: 34px;
  }

  .page-about .about-mission-hero .mission-layout {
    align-items: stretch;
  }

  .page-about .about-mission-hero .mission-copy {
    align-self: center;
  }

  .page-about .about-mission-hero .mission-layout .scene-card picture img {
    object-position: right center;
  }

  .page-about .origin-panel {
    gap: 26px;
  }

  .page-about .roadmap-section { padding-bottom: 38px; }
  .page-about .team-section { padding-top: 34px; }
  .page-about .team-section + .section--cta { padding-top: 34px; }
}

@media (max-width: 767px) {
  .page-about .about-mission-hero {
    padding-top: 86px;
    padding-bottom: 26px;
  }

  .page-about .about-mission-hero .section-title {
    max-width: 320px;
    font-size: clamp(40px, 11vw, 48px);
    line-height: 1.02;
  }

  .page-about .about-mission-hero .mission-layout {
    padding-top: 22px;
  }

  .page-about .about-origin { padding-top: 34px; }
  .page-about .origin-panel { padding: 26px 20px; }
  .page-about .origin-history { margin-top: 22px; }
  .page-about .origin-history li { padding-block: 15px; }

  .page-about .about-principles { padding-block: 42px; }
  .page-about .about-principles .section-heading { margin-bottom: 28px; }
  .page-about .principle-grid { gap: 14px; }
  .page-about .principle-card {
    min-height: 0;
    padding: 22px;
  }
  .page-about .principle-orbit {
    top: 26px;
    right: 22px;
    width: 76px;
    height: 76px;
  }
  .page-about .principle-card h3 {
    min-height: 0;
    margin: 104px 0 10px;
    font-size: 24px;
  }
  .page-about .principle-card p {
    font-size: 13px;
    line-height: 1.55;
  }

  .page-about .roadmap-section { padding-bottom: 30px; }
  .page-about .roadmap-timeline { gap: 10px; margin-top: 30px; }
  .page-about .roadmap-card { padding: 19px 18px 20px; }
  .page-about .roadmap-card header { margin-bottom: 14px; }
  .page-about .roadmap-card h3 {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 1.08;
  }
  .page-about .roadmap-card p {
    font-size: 12px;
    line-height: 1.5;
  }

  .page-about .team-section { padding-top: 28px; padding-bottom: 16px; }
  .page-about .team-copy .section-copy { margin-top: 16px; font-size: 14px; }
  .page-about .team-copy__secondary { margin-top: 10px !important; }
  .page-about .robbie-card { min-height: 292px; }
  .page-about .team-section + .section--cta { padding-top: 28px; }
}
.faq-question:focus-visible,
.language-menu button:focus-visible,
.nav-link:focus-visible,
.pricing-toggle button:focus-visible {
  background: rgba(38, 82, 196, .28);
}
.faq-question:focus-visible,
.language-menu button:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 2px #7bd7ff;
}
.workflow-stories__nav button:focus-visible {
  border-color: rgba(123, 215, 255, .9);
  background: rgba(20, 63, 174, .7);
}
.contact-form :is(input, textarea, select):focus-visible,
.telegram-preview__composer input:focus-visible {
  border-color: #7bd7ff;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
  .motion-kicker,.motion-heading,.motion-subheading,.motion-copy { opacity:1;clip-path:none;transform:none; }
  .workflow-marquee__group[aria-hidden="true"],.team-disciplines__group[aria-hidden="true"] { display:none; }
  .team-disciplines__track { width:100%;transform:none; }.team-disciplines__group { flex-wrap:wrap; }
  .result-format-score > span b,.analysis-track span { transform:none;width:100%; }
  .vault-data,.vault-rejected,.risk-category li { opacity:1;transform:none; }
}

/* Desktop polish: aligned navigation controls, a better-balanced Product hero,
   and a compact shared closing CTA instead of a second hero-sized panel. */
@media (min-width: 941px) {
  .nav-link,
  .language-trigger,
  .nav-actions > .button {
    height: 44px;
    min-height: 44px;
  }

  .nav-actions > .button {
    padding-block: 0;
  }

  .page-features .product-hero__scene {
    transform: translateX(clamp(24px, 2.5vw, 48px));
  }
}

/* Footer social destinations use the same information hierarchy as the other
   footer groups rather than appearing as a secondary row under the brand. */
.footer-main {
  grid-template-columns: minmax(300px, 1.25fr) repeat(3, minmax(140px, .65fr));
  gap: clamp(34px, 5vw, 80px);
}

.footer-social-links a {
  width: max-content;
  max-width: 100%;
}

/* Gradient text needs a small paint gutter because large Arial glyphs can
   extend fractionally beyond their inline box at tight display sizes. */
.gradient-copy {
  padding-inline: .035em;
  margin-inline: -.035em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (max-width: 1180px) {
  .footer-main { grid-template-columns: 1.3fr repeat(2, minmax(0, 1fr)); }
  .footer-main > :last-child { grid-column: auto; }
}

@media (max-width: 680px) {
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-main > :first-child { grid-column: 1 / -1; }
}

/* Keep the intended three-line English desktop lockup after the shared type
   safety pass, while preserving the existing language-specific mobile flow. */
@media (min-width: 941px) {
  .page-home .hero-copy h1 {
    max-width: 780px;
    line-height: 1.035;
    letter-spacing: -.024em;
  }

  .page-home .hero-copy h1 > span:last-child { white-space: nowrap; }
}

/* A single tablet action should read as a focused control, not as a full-width
   bar. Its available width still scales down with the character artwork. */
.tablet-actions--single { justify-items: center; }
.tablet-actions--single .tablet-button { width: min(64%, 210px); }

@media (max-width: 680px) {
  .tablet-actions--single .tablet-button { width: min(75%, 198px); }
}

@media (min-width: 1181px) {
  .page-home .section--cta,
  .page-features .section--cta,
  .page-use-cases .section--cta,
  .page-pricing .section--cta,
  .page-blog .section--cta,
  .page-about .section--cta,
  .page-contact .section--cta {
    padding-block: clamp(38px, 3.2vw, 48px) !important;
  }

  .section--cta .cta-panel {
    padding: clamp(40px, 3vw, 50px) clamp(40px, 3.6vw, 54px) !important;
    border-radius: 22px;
  }

  .section--cta .cta-panel > div {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    gap: clamp(44px, 4vw, 64px);
  }

  .section--cta .cta-panel .section-title {
    max-width: 760px;
    font-size: clamp(42px, 3.65vw, 58px);
    line-height: 1.02;
  }

  .section--cta .cta-panel .section-copy {
    max-width: 560px;
    font-size: 16px;
    line-height: 1.6;
  }

  .section--cta .cta-panel .button-row {
    max-width: 320px;
    gap: 10px;
  }

  .section--cta .cta-panel .button {
    min-height: 52px;
  }
}

/* 2026-08 shared QA pass: footer links, unified form hints, safer display type,
   and the single tablet CTA. These rules intentionally leave the compact CTA
   section rhythm smaller than the standard content-section rhythm. */
.footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 20px;
}

.footer-socials a {
  position: relative;
  color: #c0c6db;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition: color 180ms ease, transform 180ms ease;
}

.footer-socials a::after {
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--ndc-cyan-400), #5268ff);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}

.footer-socials a:hover,
.footer-socials a:focus-visible {
  color: #fff;
  outline: none;
  transform: translateY(-1px);
}

.footer-socials a:hover::after,
.footer-socials a:focus-visible::after { transform: scaleX(1); }

.tablet-actions--single { grid-template-columns: minmax(0, 1fr); }
.tablet-actions--single .tablet-button { width: min(64%, 210px); }

.contact-form :is(input, textarea)::placeholder {
  color: #8f97b3;
  opacity: 1;
}

.contact-form select:required:invalid { color: #8f97b3; }
.contact-form select option { color: #fff; background: var(--ndc-navy-950); }
.contact-form .cf-turnstile { min-height: 65px; display: flex; align-items: center; }
.form-feedback { min-height: 1.4em; margin: 0; color: #c0c6db; font-size: .92rem; }
.form-feedback[data-state="success"] { color: #65e6b4; }
.form-feedback[data-state="error"] { color: #ff9da8; }
.contact-form .cf-turnstile {
  width: min(300px, 100%);
  min-height: 65px;
  justify-self: center;
  justify-content: center;
  margin: 0 auto;
}
.form-feedback:empty { display: none; min-height: 0; }
.contact-form .cf-turnstile + .form-feedback { text-align: center; }

@media (max-width: 680px) {
  .contact-form .cf-turnstile { width: 100%; max-width: 300px; }
}

/* Avoid cutting descenders such as g/y and give tightly kerned display words
   a little more room. The reveal keeps its fade/translate, without clipping. */
.motion-heading,
.motion-heading.is-motion-visible {
  clip-path: none;
  will-change: opacity, transform;
}

.display,
.section-title,
.inner-title,
.hero-copy h1,
.product-hero__copy h1 {
  line-height: 1.055;
  letter-spacing: -.014em;
  overflow: visible;
}

h3,
.card-title,
.editorial-item h3,
.process-step h3,
.principle-card h3,
.capability-stage__label h2 {
  line-height: 1.1;
  letter-spacing: -.016em;
  overflow: visible;
}

/* Balance only accidental section-to-section gaps. Purpose-built hero, ticker,
   compact and CTA spacing remains controlled by its own component tokens. */
@media (min-width: 941px) {
  .page-blog .resource-guides-section { padding-bottom: 48px; }
  .page-blog .glossary-section { padding-top: 48px; }
  .page-about .roadmap-section { padding-bottom: 58px; }
  .page-about .team-section { padding-top: 58px; }
}

@media (max-width: 680px) {
  .footer-socials {
    gap: 10px 16px;
    margin-top: 17px;
  }

  .footer-socials a { font-size: 11px; }
  .tablet-actions--single { margin-top: 7px; }
  .tablet-actions--single .tablet-button {
    width: min(75%, 198px);
    min-height: 34px;
    gap: 3px;
    padding-inline: 4px;
    font-size: clamp(7px, 2.1vw, 9px);
  }

  .tablet-actions--single .tablet-button svg { width: 9px; height: 9px; }

  /* Keep the mobile illustration clear of the action row, preserve a modest
     exit gap below Robbie, and reduce the tablet action height without
     compressing its label. */
  .page-features .product-hero__scene { margin-top: 18px; }
  .page-about .team-section { padding-bottom: 28px; }
  .tablet-actions--single .tablet-button { min-height: 28px; }

  /* Give the Home hero tablet action a little more breathing room below the
     message without changing the tablet's proportions or desktop layout. */
  .page-home .tablet-actions--single .tablet-button { top: 3px; }

  .display,
  .section-title,
  .inner-title,
  .hero-copy h1,
  .product-hero__copy h1 {
    line-height: 1.075;
    letter-spacing: -.01em;
  }
}