/* "SynapticForge" look (MotionSites, lifetime licence) on top of site.css — Mr. ASV, 11 Nov 2026.
   White page, Inter, ink pills, a pastel glowing ring, and on the home page a human hand and a robot hand
   that almost touch in front of the headline (three.js, theme-synaptic.js). Built only when THEME=synaptic. */
.theme-synaptic {
  --bg: #ffffff;
  --bg2: #f6f6f7;
  --surface: #ededee;
  --line: #dcdcdf;
  --line-hi: #77777b;
  --text: #0b0b0c;
  --text2: #3b3b3f;
  --text3: #8a8a8e;
  --accent: #0b0b0c;
  --head: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ink: #0b0b0c; --pill: #ededee; --touch: 0;
  background: #fff; color: var(--text2);
}
.theme-synaptic .brand img, .theme-synaptic .nav-logo { filter: invert(1); }
.theme-synaptic .hero-liquid, .theme-synaptic .hero-sheen, .theme-synaptic .asv-mark { display: none; }

/* type: clean Inter, no uppercase chrome; the last word soft grey (theme-synaptic.js) */
.theme-synaptic .h-page, .theme-synaptic .h-sec, .theme-synaptic .h-final, .theme-synaptic .motto,
.theme-synaptic .svc-card h3, .theme-synaptic .proj-name {
  font-family: var(--head); text-transform: none; font-weight: 600; letter-spacing: -.035em;
  background: none; color: var(--ink); -webkit-text-fill-color: currentColor;
}
.theme-synaptic .motto span { background: none; color: var(--ink); -webkit-text-fill-color: currentColor; }
.theme-synaptic .soft { color: #b9b9bd; }
.theme-synaptic .eyebrow { color: var(--text3); text-transform: none; letter-spacing: 0; font-size: 13px; }
.theme-synaptic .num { color: var(--text3); }

/* header: ink and grey pills */
.theme-synaptic .site-header::before { background: rgba(255,255,255,.85); border-bottom-color: var(--line); }
.theme-synaptic .nav a { color: var(--ink); font-size: 13px; }
.theme-synaptic .nav > ul { background: var(--pill); border-radius: 999px; padding: 0 26px; height: 50px; align-items: center; gap: 30px; }
.theme-synaptic .nav > ul > li > a:hover { opacity: .55; }
.theme-synaptic .nav .nav-cta { background: var(--ink); color: #fff; }
.theme-synaptic .lang { color: var(--ink); border-color: var(--line); }
.theme-synaptic .burger span:not(.sr) { background: var(--ink); }
.theme-synaptic .sub { background: #fff; }

/* buttons: ink pill + outlined pill */
.theme-synaptic .btn { border-radius: 999px; font-weight: 500; }
.theme-synaptic .btn-primary { background: var(--ink); color: #fff; }
.theme-synaptic .btn-primary:hover { background: #2a2a2d; }
.theme-synaptic .btn-ghost { background: transparent; color: #6c6c70; border: 1px solid var(--line-hi); }
.theme-synaptic .btn-ghost:hover { background: var(--ink); color: #fff; border-color: var(--ink); }

/* cards and sections */
.theme-synaptic .page-head { background: none; }
.theme-synaptic .svc-card, .theme-synaptic .proj-card, .theme-synaptic .block { background: var(--bg2); border-color: var(--line); border-radius: 22px; }
.theme-synaptic .svc-card:hover, .theme-synaptic .proj-card:hover { background: #fff; border-color: var(--line-hi); }
.theme-synaptic .svc-card::after, .theme-synaptic .proj-card::after { display: none; }
.theme-synaptic .site-footer { background: #f6f6f7; color: var(--text2); }
.theme-synaptic input, .theme-synaptic textarea, .theme-synaptic select { background: #fff; color: var(--ink); border-color: var(--line); }

/* home hero: centred headline over the ring, the hands canvas above it */
.theme-synaptic.is-home .hero { position: relative; overflow: hidden; isolation: isolate; }
.theme-synaptic.is-home .hero-in { display: flex; justify-content: center; }
.theme-synaptic .motto .soft, .theme-synaptic .motto span.soft { color: #b9b9bd; }
.theme-synaptic.is-home .hero-copy { margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; }
.theme-synaptic.is-home .motto { align-items: center; font-size: clamp(34px, 5vw, 76px); line-height: 1.05; }
.theme-synaptic.is-home .btns { justify-content: center; }
.theme-synaptic .orb { position: absolute; left: 50%; top: 46%; width: min(34vw, 62vh); aspect-ratio: 1;
  transform: translate(-50%, -50%); z-index: 0; pointer-events: none; }
.theme-synaptic .orb::before, .theme-synaptic .orb::after { content: ""; position: absolute; inset: 0; border-radius: 50%; }
.theme-synaptic .orb::before {
  background: conic-gradient(from 0deg, #ffd9c2, #f3d7ff, #cfd8ff, #ffffff, #ffe8c9, #d9d4ff, #ffd9c2);
  -webkit-mask: radial-gradient(closest-side, transparent 70%, #000 86%, transparent 100%);
  mask: radial-gradient(closest-side, transparent 70%, #000 86%, transparent 100%);
  filter: blur(14px); opacity: .75; animation: syn-spin 14s linear infinite;
}
.theme-synaptic .orb::after {
  inset: 14%; background: radial-gradient(closest-side, rgba(255,196,150,.95), rgba(255,222,196,.55) 45%, rgba(255,255,255,0) 100%);
  filter: blur(18px); opacity: calc(.18 + var(--touch) * .7); transform: scale(calc(.8 + var(--touch) * .3));
}
@keyframes syn-spin { to { transform: rotate(360deg); } }
.theme-synaptic .hands { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none;
  opacity: 0; transition: opacity .8s ease; }
.theme-synaptic .hands.ready { opacity: 1; }
.theme-synaptic.is-home .btns, .theme-synaptic.is-home .scroll-cue { position: relative; z-index: 3; }

@media (max-width: 760px) {
  .theme-synaptic .orb { width: min(78vw, 46vh); top: 42%; }
  .theme-synaptic.is-home .motto { font-size: clamp(26px, 8.8vw, 56px); }
}
@media (prefers-reduced-motion: reduce) { .theme-synaptic .orb::before { animation: none; } }

/* inner pages: the NeuralKinetics robot hand rising behind the page head, the title light and big at the bottom
   over a white fade (MotionSites "Human Machine" film) — Mr. ASV, 11 Nov 2026 */
.theme-synaptic:not(.is-home) .page-head { position: relative; overflow: hidden; min-height: min(92vh, 880px);
  display: flex; align-items: flex-end; border-bottom: 0; padding-top: 0; padding-bottom: 0; }
.theme-synaptic .ph-film { position: absolute; inset: 0; z-index: 0; pointer-events: none; display: flex; align-items: center; justify-content: center; }
.theme-synaptic .ph-film video { width: 100%; height: 100%; object-fit: cover; opacity: 0;
  animation: syn-film 1.8s cubic-bezier(.16, 1, .3, 1) forwards; }
@keyframes syn-film { from { opacity: 0; transform: scale(1.05); } to { opacity: 1; transform: none; } }
.theme-synaptic:not(.is-home) .page-head .wrap { position: relative; z-index: 2; max-width: none; padding-top: 60px; padding-bottom: clamp(32px, 6vh, 56px);
  background: linear-gradient(to top, #fff 0%, rgba(255,255,255,.8) 50%, transparent 100%); }
.theme-synaptic:not(.is-home) .h-page { font-weight: 300; letter-spacing: -.03em; line-height: 1; font-size: clamp(36px, 5.5vw, 72px); max-width: 20ch; }
.theme-synaptic:not(.is-home) .page-head .eyebrow { display: inline-flex; align-items: center; gap: 8px; }
.theme-synaptic:not(.is-home) .page-head .eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgba(0,0,0,.75); }
@media (max-width: 767px) { .theme-synaptic .ph-film video { width: 80%; height: 80%; } }

/* home, second screen: the robot hand rises when you scroll to it, the title light and big at the bottom */
.theme-synaptic .rise { position: relative; overflow: hidden; min-height: 100vh; min-height: 100svh; display: flex; align-items: flex-end; }
.theme-synaptic .rise .ph-film video { animation: none; opacity: 0; transition: opacity 1.8s cubic-bezier(.16, 1, .3, 1), transform 1.8s cubic-bezier(.16, 1, .3, 1); transform: scale(1.05); }
.theme-synaptic .rise.on .ph-film video { opacity: 1; transform: none; }
.theme-synaptic .rise-in { position: relative; z-index: 2; max-width: none; padding-top: 60px; padding-bottom: clamp(32px, 6vh, 56px);
  background: linear-gradient(to top, #fff 0%, rgba(255,255,255,.8) 50%, transparent 100%); }
.theme-synaptic .rise .h-page { font-weight: 300; line-height: 1; font-size: clamp(36px, 5.5vw, 72px); max-width: 20ch; }
.theme-synaptic .rise .eyebrow { display: inline-flex; align-items: center; gap: 8px; }
.theme-synaptic .rise .eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgba(0,0,0,.75); }
.theme-synaptic .rise .lead { margin-top: 18px; max-width: 46ch; color: var(--text2); }
.theme-synaptic.is-home .rise .btns { justify-content: flex-start; }

/* ===================== BLACK (Mr. ASV, 11 Nov 2026: "noi aveam site-ul pe negru") =====================
   Same hands and robot film, on black: dark palette, white primary buttons, the white-studio robot film
   inverted so it becomes a silver hand on black, black fades instead of white. */
.theme-synaptic {
  --bg: #050506; --bg2: #0e0f12; --surface: #16181d; --line: #2a2d34; --line-hi: #6a6f79;
  --text: #f2f4f7; --text2: #d2d6dd; --text3: #9ba2ae; --ink: #f2f4f7; --pill: #16181d;
  background: #050506; color: var(--text2);
}
.theme-synaptic .brand img, .theme-synaptic .nav-logo { filter: none; }
.theme-synaptic .soft, .theme-synaptic .motto .soft, .theme-synaptic .motto span.soft { color: #6f7480; }
.theme-synaptic .site-header::before { background: rgba(5, 5, 6, .8); }
.theme-synaptic .nav a { color: #d2d6dd; }
.theme-synaptic .nav .nav-cta, .theme-synaptic .btn-primary { background: #fff; color: #000; }
.theme-synaptic .btn-primary:hover { background: #d9dce1; }
.theme-synaptic .btn-ghost { color: #d2d6dd; border-color: #4a4f59; }
.theme-synaptic .btn-ghost:hover { background: #fff; color: #000; border-color: #fff; }
.theme-synaptic .sub { background: #0e0f12; }
.theme-synaptic .svc-card:hover, .theme-synaptic .proj-card:hover { background: var(--surface); }
.theme-synaptic .site-footer { background: #0a0a0c; }
.theme-synaptic input, .theme-synaptic textarea, .theme-synaptic select { background: #0e0f12; color: #f2f4f7; }
.theme-synaptic .orb::before { opacity: .55; }
.theme-synaptic .orb::after { opacity: calc(.12 + var(--touch) * .6); }
.theme-synaptic .ph-film video { filter: invert(1) contrast(1.08); }
.theme-synaptic:not(.is-home) .page-head .wrap, .theme-synaptic .rise-in {
  background: linear-gradient(to top, #050506 0%, rgba(5,5,6,.8) 50%, transparent 100%); }
.theme-synaptic:not(.is-home) .page-head .eyebrow::before, .theme-synaptic .rise .eyebrow::before { background: #C79A3C; box-shadow: 0 0 8px #C79A3C; }

/* White islands on the black site (Mr. ASV, 11 Nov 2026: "mâna de robot trebuie să fie pe alb"):
   the home hero with the two hands, the home robot screen and every inner page head stay white,
   with dark text; the rest of the site is black. The robot film is shown as filmed (no inversion). */
.theme-synaptic .ph-film video { filter: none; }
.theme-synaptic.is-home .hero, .theme-synaptic .rise, .theme-synaptic:not(.is-home) .page-head {
  background: #fff; color: #3b3b3f;
  --text: #0b0b0c; --text2: #3b3b3f; --text3: #8a8a8e; --ink: #0b0b0c; --line: #dcdcdf; --line-hi: #77777b;
}
.theme-synaptic.is-home .hero .motto span, .theme-synaptic .rise .h-page, .theme-synaptic:not(.is-home) .page-head .h-page,
.theme-synaptic.is-home .hero .hero-sub { color: #0b0b0c; -webkit-text-fill-color: #0b0b0c; }
.theme-synaptic.is-home .hero .motto .soft, .theme-synaptic:not(.is-home) .page-head .soft { color: #b9b9bd; -webkit-text-fill-color: #b9b9bd; }
.theme-synaptic.is-home .hero .hero-body, .theme-synaptic .rise .lead, .theme-synaptic:not(.is-home) .page-head .lead { color: #3b3b3f; }
.theme-synaptic.is-home .hero .eyebrow, .theme-synaptic .rise .eyebrow, .theme-synaptic:not(.is-home) .page-head .eyebrow { color: #8a8a8e; }
.theme-synaptic:not(.is-home) .page-head .wrap, .theme-synaptic .rise-in {
  background: linear-gradient(to top, #fff 0%, rgba(255,255,255,.8) 50%, transparent 100%); }
.theme-synaptic.is-home .hero .btn-primary, .theme-synaptic .rise .btn-primary { background: #0b0b0c; color: #fff; }
.theme-synaptic.is-home .hero .btn-ghost, .theme-synaptic .rise .btn-ghost { color: #3b3b3f; border-color: #77777b; }
.theme-synaptic.is-home .hero .btn-ghost:hover, .theme-synaptic .rise .btn-ghost:hover { background: #0b0b0c; color: #fff; border-color: #0b0b0c; }
.theme-synaptic .orb::before { opacity: .75; }
.theme-synaptic .orb::after { opacity: calc(.18 + var(--touch) * .7); }
/* the header over a white island: dark logo and links until it scrolls onto black */
.theme-synaptic .site-header:not(.scrolled) .brand img { filter: invert(1); }
.theme-synaptic .site-header:not(.scrolled) .nav > ul { background: #ededee; }
.theme-synaptic .site-header:not(.scrolled) .nav > ul > li > a, .theme-synaptic .site-header:not(.scrolled) .lang { color: #0b0b0c; }
.theme-synaptic .site-header:not(.scrolled) .nav .nav-cta { background: #0b0b0c; color: #fff; }
.theme-synaptic .site-header:not(.scrolled) .burger span:not(.sr) { background: #0b0b0c; }
@media (max-width: 767px) { .theme-synaptic .ph-film video { width: 100%; height: 100%; } }

/* home, last screen: RJV-09 robot (MotionSites) on #E7E7E7 — the cursor spotlight reveals the black robot,
   giant white ASV / AI wordmark, the closing call to action in black type (Mr. ASV, 11 Nov 2026) */
.theme-synaptic .rjv { position: relative; overflow: hidden; min-height: 100vh; min-height: 100svh;
  background: #E7E7E7 var(--base) center / cover no-repeat; color: #1F1F1F; isolation: isolate; }
.theme-synaptic .rjv-spot { position: absolute; inset: 0; background: center / cover no-repeat; pointer-events: none;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  -webkit-mask-image: linear-gradient(transparent, transparent); mask-image: linear-gradient(transparent, transparent); z-index: 1; }
.theme-synaptic .rjv-wm { position: absolute; z-index: 2; color: #fff; line-height: .8; white-space: nowrap;
  font-family: "Michroma", Helvetica, Arial, sans-serif; font-weight: 400; font-size: clamp(90px, 19vw, 300px);
  clip-path: inset(0 100% 0 -2%); transition: clip-path 1.1s cubic-bezier(.16, 1, .3, 1); }
.theme-synaptic .rjv-a { left: 1%; bottom: 40%; }
.theme-synaptic .rjv-b { right: 2%; bottom: 6%; clip-path: inset(0 -2% 0 100%); transition-delay: .12s; }
.theme-synaptic .rjv.on .rjv-wm { clip-path: inset(0 -2% 0 -2%); }
.theme-synaptic .rjv-h { position: absolute; z-index: 3; left: clamp(16px, 2.5vw, 34px); top: clamp(90px, 15vh, 140px); margin: 0;
  font-family: var(--head); font-weight: 600; text-transform: uppercase; letter-spacing: -.03em; line-height: .9;
  font-size: clamp(34px, 4.8vw, 70px); color: #111; -webkit-text-fill-color: #111; }
.theme-synaptic .rjv-h i { display: block; font-style: normal; overflow: hidden; }
.theme-synaptic .rjv-h i span { display: block; transform: translateY(1.05em); transition: transform .95s cubic-bezier(.16, 1, .3, 1); }
.theme-synaptic .rjv-h i:nth-child(2) span { transition-delay: .08s; padding-left: 1.2em; }
.theme-synaptic .rjv.on .rjv-h i span { transform: none; }
.theme-synaptic .rjv-copy { position: absolute; z-index: 3; right: clamp(16px, 3vw, 46px); top: clamp(90px, 15vh, 140px); max-width: 30ch;
  font-size: clamp(15px, 1.2vw, 17px); line-height: 1.35; color: #1F1F1F; }
.theme-synaptic .rjv-copy p + p { margin-top: 10px; color: #3A3A3A; }
.theme-synaptic .rjv-btns { position: absolute; z-index: 3; left: clamp(16px, 2.5vw, 34px); bottom: clamp(24px, 6vh, 56px); display: flex; gap: 10px; flex-wrap: wrap; }
.theme-synaptic .rjv-btns .btn-primary { background: #111; color: #fff; }
.theme-synaptic .rjv-btns .btn-ghost { color: #111; border-color: rgba(0,0,0,.35); background: rgba(231,231,231,.6); }
.theme-synaptic .rjv-scroll { position: absolute; z-index: 3; right: clamp(14px, 2vw, 30px); bottom: 70px; font-size: 12px; letter-spacing: .18em;
  color: #3A3A3A; writing-mode: vertical-rl; transform: rotate(180deg); }
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv { background-size: auto 70%; background-position: center bottom; }
  .theme-synaptic .rjv-spot { background-size: auto 70%; background-position: center bottom; }
  .theme-synaptic .rjv-copy { left: clamp(16px, 5vw, 34px); right: auto; top: auto; bottom: calc(clamp(24px, 6vh, 56px) + 64px); max-width: 34ch; }
  .theme-synaptic .rjv-a { bottom: 55%; } .theme-synaptic .rjv-b { bottom: 30%; }
}

/* RJV closing screen on phones: headline on top, the copy and the buttons stacked at the bottom in normal flow,
   so nothing overlaps (Mr. ASV, 11 Nov 2026: "textul este bulit") */
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv { display: flex; flex-direction: column; padding: 96px clamp(16px, 5vw, 34px) 28px; }
  .theme-synaptic .rjv-h, .theme-synaptic .rjv-copy, .theme-synaptic .rjv-btns { position: relative; inset: auto; z-index: 3; }
  .theme-synaptic .rjv-h { font-size: clamp(28px, 8vw, 48px); }
  .theme-synaptic .rjv-copy { margin-top: auto; max-width: none; padding: 14px 16px; border-radius: 14px;
    background: rgba(231, 231, 231, .82); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
  .theme-synaptic .rjv-btns { margin-top: 12px; flex-wrap: nowrap; }
  .theme-synaptic .rjv-btns .btn { flex: 1; justify-content: center; padding: 0 12px; font-size: 14px; min-height: 46px; }
  .theme-synaptic .rjv-a { bottom: auto; top: 30%; } .theme-synaptic .rjv-b { bottom: auto; top: 46%; }
  .theme-synaptic .rjv-scroll { display: none; }
}

/* AXON hero (home): black again, the particle cloud behind the copy, light text; the header stays light on it */
.theme-synaptic.axon-home .hero { background: #000; color: var(--text2);
  --text: #f2f4f7; --text2: #d2d6dd; --text3: #9ba2ae; --ink: #f2f4f7; --line: #2a2d34; }
.theme-synaptic.axon-home .hero .motto span { color: #f2f4f7; -webkit-text-fill-color: #f2f4f7; }
.theme-synaptic.axon-home .hero .motto .soft { color: #6f7480; -webkit-text-fill-color: #6f7480; }
.theme-synaptic.axon-home .hero .hero-sub { color: #f2f4f7; -webkit-text-fill-color: #f2f4f7; }
.theme-synaptic.axon-home .hero .hero-body { color: #d2d6dd; }
.theme-synaptic.axon-home .hero .eyebrow { color: #9ba2ae; }
.theme-synaptic.axon-home .hero .btn-primary { background: #fff; color: #000; }
.theme-synaptic.axon-home .hero .btn-ghost { color: #d2d6dd; border-color: #4a4f59; }
.theme-synaptic.axon-home .hero-in { justify-content: flex-start; }
.theme-synaptic.axon-home .hero-copy { margin: 0; text-align: left; align-items: flex-start; mix-blend-mode: plus-lighter; }
.theme-synaptic.axon-home .motto { align-items: flex-start; }
.theme-synaptic.axon-home .hero .btns { justify-content: flex-start; mix-blend-mode: normal; }
.theme-synaptic .axon-cv { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none;
  opacity: 0; transition: opacity 1.2s ease; }
.theme-synaptic .axon-cv.ready { opacity: 1; }
.theme-synaptic.axon-home .site-header:not(.scrolled) .brand img { filter: none; }
.theme-synaptic.axon-home .site-header:not(.scrolled) .nav > ul { background: #16181d; }
.theme-synaptic.axon-home .site-header:not(.scrolled) .nav > ul > li > a, .theme-synaptic.axon-home .site-header:not(.scrolled) .lang { color: #d2d6dd; }
.theme-synaptic.axon-home .site-header:not(.scrolled) .nav .nav-cta { background: #fff; color: #000; }
.theme-synaptic.axon-home .site-header:not(.scrolled) .burger span:not(.sr) { background: #f2f4f7; }

/* RJV on phones, fixed (Mr. ASV: "ai bulit efectul de la robot"): no box over the robot — the copy sits under the
   headline at the top, the buttons at the bottom, the robot fills the screen behind (cover, no seam) */
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv, .theme-synaptic .rjv-spot { background-size: cover; background-position: 60% center; }
  .theme-synaptic .rjv-copy { margin-top: 12px; padding: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none;
    font-size: 15px; max-width: 30ch; }
  .theme-synaptic .rjv-btns { margin-top: auto; }
  .theme-synaptic .rjv-a { top: 34%; } .theme-synaptic .rjv-b { top: 50%; }
}

/* RJV on phones — rule (Mr. ASV): the robot stays clean, no text over it. Headline + copy on the plain grey at the top,
   the robot in its own band in the middle, the buttons at the bottom. */
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv, .theme-synaptic .rjv-spot { background-size: auto 50%; background-position: 62% 64%; }
  .theme-synaptic .rjv-a { top: 36%; font-size: clamp(64px, 20vw, 140px); }
  .theme-synaptic .rjv-b { top: auto; bottom: 16%; font-size: clamp(64px, 20vw, 140px); }
}

/* RJV on phones, take 3 (Mr. ASV: "lasă robotul pe mijloc, textele mai mici, pe lângă robot"):
   the robot big in the middle, anchored to the bottom, its top edge melting into the grey; small type above it,
   small buttons at the bottom corners. */
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv {
    background: linear-gradient(to bottom, #E7E7E7 18%, rgba(231, 231, 231, 0) 30%), var(--base) 58% 100% / auto 80% no-repeat, #E7E7E7;
    padding-top: 88px;
  }
  .theme-synaptic .rjv-spot { background-size: auto 80%; background-position: 58% 100%; }
  .theme-synaptic .rjv-h { font-size: clamp(20px, 6vw, 30px); }
  .theme-synaptic .rjv-copy { font-size: 12.5px; line-height: 1.35; max-width: 32ch; margin-top: 8px; }
  .theme-synaptic .rjv-copy p + p { margin-top: 4px; }
  .theme-synaptic .rjv-btns { gap: 8px; }
  .theme-synaptic .rjv-btns .btn { flex: 0 0 auto; min-height: 38px; font-size: 13px; padding: 0 14px;
    background-clip: padding-box; }
  .theme-synaptic .rjv-btns .btn-ghost { background: rgba(231, 231, 231, .7); }
  .theme-synaptic .rjv-a { top: 26%; font-size: clamp(48px, 15vw, 110px); }
  .theme-synaptic .rjv-b { bottom: 12%; font-size: clamp(48px, 15vw, 110px); }
}

/* RJV on phones, take 4: the robot back to its first size (whole head and shoulders, centred), only the type smaller */
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv {
    background: linear-gradient(to bottom, #E7E7E7 26%, rgba(231, 231, 231, 0) 34%), var(--base) 50% 100% / auto 72% no-repeat, #E7E7E7;
  }
  .theme-synaptic .rjv-spot { background-size: auto 72%; background-position: 50% 100%; }
  .theme-synaptic .rjv-a { top: 34%; } .theme-synaptic .rjv-b { bottom: 14%; }
}
@media (max-aspect-ratio: 11/10) { .theme-synaptic .rjv-a { display: none; } }   /* Mr. ASV: "scoate-l" — no ASV over the robot on phones */
/* RJV on phones: headline, copy and buttons centred; room above the capitals so Ă/Î/Ș keep their marks */
.theme-synaptic .rjv-h i { padding-top: .14em; }
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv-h, .theme-synaptic .rjv-copy { text-align: center; align-self: center; }
  .theme-synaptic .rjv-h i:nth-child(2) span { padding-left: 0; }
  .theme-synaptic .rjv-btns { justify-content: center; }
}
/* RJV on phones (Mr. ASV): "ASV AI" in one line, just under the robot's chin */
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv-b { top: 64%; bottom: auto; right: 4%; font-size: clamp(40px, 12vw, 90px); }
  .theme-synaptic .rjv-b::before { content: "ASV "; }
}
/* RJV on phones (Mr. ASV): ASV on one line, AI under it, right-aligned under the chin so it stays off the robot */
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv-b { top: 66%; right: 4%; text-align: right; white-space: pre; line-height: .9; font-size: clamp(36px, 10.5vw, 80px); }
  .theme-synaptic .rjv-b::before { content: "ASV\A"; }
}
/* RJV on phones: the ASV AI wordmark where Mr. ASV placed it with ?muta=1 (11 Nov 2026) */
@media (max-aspect-ratio: 11/10) { .theme-synaptic .rjv-b { top: 68.9%; right: 2.1%; } }
/* RJV on phones: the first line of the copy on a single line (Mr. ASV) */
@media (max-aspect-ratio: 11/10) {
  .theme-synaptic .rjv-copy { max-width: none; }
  .theme-synaptic .rjv-copy p:first-child { white-space: nowrap; }
}
/* the robot-hand screen shows its poster at once (no white flash while the film loads) */
.theme-synaptic .rise .ph-film video { opacity: 1; transform: none; }
/* RJV on desktop: the wordmark smaller so ASV stops before the robot's neck (Mr. ASV) */
@media (min-aspect-ratio: 11/10) { .theme-synaptic .rjv-wm { font-size: clamp(80px, 11vw, 240px); } }
/* home hero: the Agent Wave film behind the copy, full strength, a light shade at the bottom for the text */
.theme-synaptic .wave-hero { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; }
.theme-synaptic.axon-home .hero::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,0) 100%); }
.theme-synaptic.axon-home .hero-in { position: relative; z-index: 1; }
/* wave hero: readable copy over the bright wave */
.theme-synaptic.axon-home .hero-copy { mix-blend-mode: normal; text-shadow: 0 2px 24px rgba(0,0,0,.55); }
.theme-synaptic.axon-home .hero .motto .soft { color: #c9ccd2; -webkit-text-fill-color: #c9ccd2; }

/* home hero, freer (Mr. ASV: "prea mult text pe prima pagină, trebuie mai liberă"): only the motto and the two buttons.
   The ASV mark goes; the H1 stays in the page for Google but is hidden from view; the two paragraphs are hidden. */
.theme-synaptic.is-home .hero .asv-mark, .theme-synaptic.is-home .hero .hero-sub, .theme-synaptic.is-home .hero .hero-body { display: none; }
.theme-synaptic.is-home .hero .hero-h1 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.theme-synaptic.is-home .hero .btns { margin-top: clamp(28px, 4vh, 44px); }
/* home hero, only the motto (Mr. ASV): the buttons go too, a scroll cue invites down instead */
.theme-synaptic.is-home .hero .btns { display: none; }
.theme-synaptic.is-home .hero { min-height: 100vh; min-height: 100svh; }
.theme-synaptic.is-home .hero-in { min-height: inherit; align-items: center; }
.theme-synaptic.is-home .hero .scroll-cue { display: flex; z-index: 2; color: #e9e9ee; }
.theme-synaptic.is-home .hero { padding: 0; }
.theme-synaptic.is-home .hero-in { min-height: 100vh; min-height: 100svh; display: flex; align-items: center; }
.theme-synaptic.is-home .hero .scroll-cue { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%);
  flex-direction: column; align-items: center; gap: 10px; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; }
.theme-synaptic.is-home .hero .scroll-cue i { background: linear-gradient(#C79A3C, transparent); }
/* hero: the subtitle comes back (only the paragraph and the buttons were to go), the motto block centred vertically */
.theme-synaptic.is-home .hero .hero-sub { display: block; margin-top: 18px; max-width: 34ch; text-shadow: 0 2px 18px rgba(0,0,0,.6); }
.theme-synaptic.is-home .hero-in { flex-direction: column; justify-content: center; align-items: flex-start; }
/* hero: the H1 "Agenția digitală care construiește tot…" visible again, small, above the motto (Mr. ASV: it says what we are) */
.theme-synaptic.is-home .hero .hero-h1 { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal;
  max-width: 40ch; margin-bottom: 18px; font-size: 13px; letter-spacing: .06em; color: #e9e9ee; text-shadow: 0 2px 14px rgba(0,0,0,.6); }
.theme-synaptic .reel-sub-top { margin: 14px 0 22px; max-width: 52ch; }
/* "Ce facem": the 8 service words smaller so the whole list fits on screen before the white robot screen (Mr. ASV) */
.theme-synaptic .reel-words li { font-size: clamp(26px, 4.6vw, 60px); line-height: 1.02; }
.theme-synaptic .reel-stick .h-sec { font-size: clamp(28px, 3.6vw, 52px); }
.theme-synaptic .gold-sand { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }

/* "Ce facem", calm (Mr. ASV: "din topor, zici că cineva țipă"; Constitution B6 — no giant type as decor):
   normal-case, medium size, no outlines; the current service lights white with a gold dot, the rest stay quiet grey */
.theme-synaptic .reel-words { margin: 22px 0 18px; display: grid; gap: 4px; }
.theme-synaptic .reel-words li { font-family: var(--head); font-size: clamp(20px, 2.4vw, 32px); font-weight: 500; line-height: 1.25;
  text-transform: none; letter-spacing: -.01em; color: #6f7480; -webkit-text-stroke: 0; background: none; -webkit-text-fill-color: currentColor;
  display: flex; align-items: center; gap: 12px; transition: color .6s cubic-bezier(.16,1,.3,1); }
.theme-synaptic .reel-words li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: transparent; transition: background .6s; }
.theme-synaptic .reel-words li.on { color: #f2f4f7; -webkit-text-fill-color: #f2f4f7; }
.theme-synaptic .reel-words li.on::before { background: #C79A3C; box-shadow: 0 0 8px #C79A3C; }
.theme-synaptic .reel-words li.done { color: #9ba2ae; -webkit-text-fill-color: #9ba2ae; opacity: 1; }
.theme-synaptic .reel-words li, .theme-synaptic .reel-words li.on { opacity: 1; transform: none; background: none; }

/* try-out, ?alb=1 only (Mr. ASV, 11 Nov 2026: "fă primul ecran alb"): the same wave, inverted to graphite on white */
.theme-synaptic.hero-white .hero { background: #fff; }
.theme-synaptic.hero-white .wave-hero { filter: invert(1) contrast(1.05); }
.theme-synaptic.hero-white .hero::after { background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.2) 55%, rgba(255,255,255,0) 100%); }
.theme-synaptic.hero-white .hero-copy { text-shadow: 0 2px 24px rgba(255,255,255,.7); }
.theme-synaptic.hero-white .hero .motto span { color: #0b0b0c; -webkit-text-fill-color: #0b0b0c; }
.theme-synaptic.hero-white .hero .motto .soft { color: #6f7480; -webkit-text-fill-color: #6f7480; }
.theme-synaptic.hero-white .hero .hero-sub { color: #0b0b0c; -webkit-text-fill-color: #0b0b0c; text-shadow: none; }
.theme-synaptic.hero-white .hero .eyebrow { color: #4a4f59; }
.theme-synaptic.hero-white .hero .scroll-cue { color: #0b0b0c; }
.theme-synaptic.hero-white .site-header:not(.scrolled) .brand img { filter: invert(1); }
.theme-synaptic.hero-white .site-header:not(.scrolled) .nav > ul { background: #ededee; }
.theme-synaptic.hero-white .site-header:not(.scrolled) .nav > ul > li > a, .theme-synaptic.hero-white .site-header:not(.scrolled) .lang { color: #0b0b0c; }
.theme-synaptic.hero-white .site-header:not(.scrolled) .nav .nav-cta { background: #0b0b0c; color: #fff; }
.theme-synaptic.hero-white .site-header:not(.scrolled) .burger span:not(.sr) { background: #0b0b0c; }
/* try-out, ?alb=1 only: white sections between the black ones (same palette as the white islands) */
.theme-synaptic .zebra-light { background: #fff !important; color: #3b3b3f;
  --bg: #fff; --bg2: #f6f6f7; --surface: #ededee; --line: #dcdcdf; --line-hi: #77777b;
  --text: #0b0b0c; --text2: #3b3b3f; --text3: #8a8a8e; --ink: #0b0b0c; --pill: #ededee; }
.theme-synaptic .zebra-dark { background: #050506 !important; }
.theme-synaptic .zebra-light .h-sec, .theme-synaptic .zebra-light .h-page, .theme-synaptic .zebra-light h3,
.theme-synaptic .zebra-light .motto span { color: #0b0b0c; -webkit-text-fill-color: #0b0b0c; }
.theme-synaptic .zebra-light .soft { color: #8a8a8e; -webkit-text-fill-color: #8a8a8e; }
.theme-synaptic .zebra-light p, .theme-synaptic .zebra-light li { color: #3b3b3f; }
.theme-synaptic .zebra-light .reel-words li { color: #b9b9bd; -webkit-text-fill-color: #b9b9bd; }
.theme-synaptic .zebra-light .reel-words li.on { color: #0b0b0c; -webkit-text-fill-color: #0b0b0c; }
.theme-synaptic .zebra-light .reel-words li.done { color: #8a8a8e; -webkit-text-fill-color: #8a8a8e; }
.theme-synaptic .zebra-light .btn-primary { background: #0b0b0c; color: #fff; }
.theme-synaptic .zebra-light .btn-ghost { color: #3b3b3f; border-color: #77777b; }
.theme-synaptic .zebra-light .svc-card, .theme-synaptic .zebra-light .proj-card, .theme-synaptic .zebra-light .block { background: #f6f6f7; border-color: #dcdcdf; }
.theme-synaptic .zebra-light .num, .theme-synaptic .zebra-light .eyebrow { color: #8a8a8e; }
.theme-synaptic .zebra-light .connect-box { background: #f6f6f7; }
.theme-synaptic .zebra-light input, .theme-synaptic .zebra-light textarea, .theme-synaptic .zebra-light select {
  background: #fff; color: #0b0b0c; border-color: #dcdcdf; }
/* "Ce facem": every service word opens its own page (Mr. ASV, 11 Nov 2026) */
.theme-synaptic .reel-words li a { color: inherit; -webkit-text-fill-color: currentColor; text-decoration: none; }
.theme-synaptic .reel-words li a:hover { color: #C79A3C; -webkit-text-fill-color: #C79A3C; }
/* phone menu (glass drawer from site.css): none of the desktop pill styling — no oval background, no padding,
   light links on the dark glass, whatever the colour of the screen behind it (Mr. ASV, 11 Nov 2026) */
@media (max-width: 960px) {
  .theme-synaptic .nav > ul, .theme-synaptic .site-header:not(.scrolled) .nav > ul,
  .theme-synaptic.axon-home .site-header:not(.scrolled) .nav > ul, .theme-synaptic.hero-white .site-header:not(.scrolled) .nav > ul {
    background: none; border-radius: 0; padding: 0 2px; height: auto; align-items: stretch; gap: 2px; }
  .theme-synaptic .nav a, .theme-synaptic .site-header:not(.scrolled) .nav > ul > li > a,
  .theme-synaptic.hero-white .site-header:not(.scrolled) .nav > ul > li > a { color: #d2d6dd; font-size: 15px; }
  .theme-synaptic .site-header:not(.scrolled) .nav .nav-cta, .theme-synaptic.hero-white .site-header:not(.scrolled) .nav .nav-cta { background: #fff; color: #000; }
  .theme-synaptic .nav .brand img, .theme-synaptic .nav .nav-logo { filter: none; }
}
/* menu jumps glide up or down to their section (Mr. ASV, 11 Nov 2026) and stop below the fixed header */
html { scroll-behavior: smooth; }
.theme-synaptic main > section[id] { scroll-margin-top: 72px; }
.theme-synaptic main > section#hero, .theme-synaptic main > section.rjv { scroll-margin-top: 0; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.form-done .form-back { margin-top: 24px; justify-content: flex-start; }
/* phone menu: the list scrolls inside the glass, so "Contact" is never hidden under "Cere o ofertă" (Mr. ASV, 11 Nov 2026) */
@media (max-width: 960px) {
  .theme-synaptic .nav > ul, .theme-synaptic .site-header:not(.scrolled) .nav > ul {
    overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding-bottom: 12px; }
  .theme-synaptic .nav > ul > li > a { height: 40px; }
}

/* ===== inner page heads: the glow film (Mr. ASV's "VEX" hero, 11 Nov 2026) instead of the robot hand ===== */
.theme-synaptic.glow-pages .page-head { position: relative; overflow: hidden; background: #000; color: #d2d6dd;
  min-height: 72vh; min-height: 72svh; display: flex; align-items: center; justify-content: center; text-align: center;
  --text: #f2f4f7; --text2: #d2d6dd; --text3: #9ba2ae; --ink: #f2f4f7; --line: #2a2d34; border-bottom: 0; }
.theme-synaptic.glow-pages .page-head .ph-film { display: none; }
.theme-synaptic .gh-film { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.theme-synaptic .gh-film video { width: 100%; height: 100%; object-fit: cover; }
.theme-synaptic .gh-film::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(0,0,0,.35) 0%, rgba(0,0,0,.65) 100%); }
.theme-synaptic.glow-pages .page-head .wrap { position: relative; z-index: 1; background: none; max-width: 56rem;
  display: flex; flex-direction: column; align-items: center; padding-top: 110px; padding-bottom: 70px; }
.theme-synaptic.glow-pages .page-head .h-page { color: #f2f4f7; -webkit-text-fill-color: #f2f4f7; font-weight: 400;
  letter-spacing: -.04em; font-size: clamp(36px, 5.6vw, 72px); line-height: 1.05; text-wrap: balance; }
.theme-synaptic.glow-pages .page-head .soft { color: #9ba2ae; -webkit-text-fill-color: #9ba2ae; }
.theme-synaptic.glow-pages .page-head .lead { color: #d1d5db; max-width: 46ch; margin-left: auto; margin-right: auto; }
.theme-synaptic.glow-pages .page-head .eyebrow { color: #9ba2ae; }
.theme-synaptic.glow-pages .page-head .btns { justify-content: center; }
.theme-synaptic.glow-pages .page-head .btn-primary { background: #fff; color: #000; }
.theme-synaptic.glow-pages .page-head .btn-ghost { color: #fff; border-color: rgba(255,255,255,.25); }
/* letter-by-letter title, then the rest fades in */
.theme-synaptic .gh-w { display: inline-block; white-space: nowrap; }
.theme-synaptic .gh-anim .gh-ch { display: inline-block; opacity: 0; transform: translateX(-18px);
  transition: opacity .5s cubic-bezier(.4,0,.2,1), transform .5s cubic-bezier(.4,0,.2,1); }
.theme-synaptic .gh-anim.gh-in .gh-ch { opacity: 1; transform: none; }
.theme-synaptic .gh-anim .wrap > :not(.h-page) { opacity: 0; transition: opacity 1s cubic-bezier(.4,0,.2,1) .8s; }
.theme-synaptic .gh-anim.gh-in .wrap > :not(.h-page) { opacity: 1; }
/* the glass way back */
.theme-synaptic .gh-crumbs { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 22px;
  padding: 8px 16px; border-radius: 12px; font-size: 13px; color: #d2d6dd;
  background: rgba(0,0,0,.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.14); }
.theme-synaptic .gh-crumbs a { color: #f2f4f7; text-decoration: none; }
.theme-synaptic .gh-crumbs a:hover { color: #C79A3C; }
.theme-synaptic .gh-crumbs i { font-style: normal; opacity: .45; }
.theme-synaptic .gh-crumbs [aria-current] { color: #9ba2ae; }
.theme-synaptic .gh-back { color: #C79A3C; }
/* the header over the dark page head: light logo and links */
.theme-synaptic.glow-pages .site-header:not(.scrolled) .brand img { filter: none; }
.theme-synaptic.glow-pages .site-header:not(.scrolled) .nav > ul { background: #16181d; }
.theme-synaptic.glow-pages .site-header:not(.scrolled) .nav > ul > li > a, .theme-synaptic.glow-pages .site-header:not(.scrolled) .lang { color: #d2d6dd; }
.theme-synaptic.glow-pages .site-header:not(.scrolled) .nav .nav-cta { background: #fff; color: #000; }
.theme-synaptic.glow-pages .site-header:not(.scrolled) .burger span:not(.sr) { background: #f2f4f7; }
@media (max-width: 960px) { .theme-synaptic.glow-pages .site-header:not(.scrolled) .nav > ul { background: none; } }
@media (prefers-reduced-motion: reduce) { .theme-synaptic .gh-film video { display: none; } }
/* home: long card lists folded to three until their button */
.theme-synaptic .folded > :nth-child(n+4) { display: none; }
.theme-synaptic .unfold { animation: projUnfold .7s cubic-bezier(.16,1,.3,1) both; }
@keyframes projUnfold { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.theme-synaptic .fold-more { margin-top: 28px; }
@media (prefers-reduced-motion: reduce) { .theme-synaptic .unfold { animation: none; } }

/* phone fixes (Mr. ASV, 11 Nov 2026): nothing written over the wave or the robot hand — picture on top, words under it */
@media (max-width: 767px) {
  .theme-synaptic.is-home .hero { align-items: flex-end; }
  .theme-synaptic.is-home .hero .wave-hero { inset: 64px 0 auto 0; height: 46%; object-position: center; }
  .theme-synaptic.is-home .hero::after { display: none; }
  .theme-synaptic.is-home .hero .hero-in { padding-bottom: 96px; }
  .theme-synaptic.is-home .hero .hero-copy { text-shadow: none; }
  .theme-synaptic .rise { flex-direction: column; justify-content: flex-end; }
  .theme-synaptic .rise .ph-film { inset: 64px 0 auto 0; height: 50%; }
  .theme-synaptic .rise .ph-film video { width: 100%; height: 100%; object-fit: contain; }
  .theme-synaptic .rise-in { background: #fff !important; padding-top: 24px; }
}
/* "Pentru orice mărime" cards: calm titles, no capitals that shout (Constitution B6) */
.theme-synaptic .pack h3 { text-transform: none; font-weight: 600; letter-spacing: -.02em; }
@media (max-width: 767px) {
  .theme-synaptic.is-home .hero .hero-in { padding-top: 44vh; padding-top: 44svh; padding-bottom: 80px; }
  .theme-synaptic.is-home .hero .wave-hero { height: 38%; }
  .theme-synaptic .rise .ph-film video { object-fit: cover; object-position: center 40%; }
}
/* project cards: a screenshot of the live site on top (Nov 2026 review) */
.theme-synaptic .proj-card.has-shot { padding-top: 0; }
.theme-synaptic .proj-shot { display: block; width: calc(100% + 56px); max-width: none; margin: 0 -28px 6px; height: auto;
  aspect-ratio: 16 / 10; object-fit: cover; object-position: top; border-bottom: 1px solid var(--line); background: #0e0f12; }
/* the promise in the white hero: "care aduc clienți" reads dark, not grey (Nov 2026 review) */
.theme-synaptic.hero-white .hero .motto .soft { color: #2a2d34; -webkit-text-fill-color: #2a2d34; }

/* ===== GPT review, 11 Nov 2026: hero button back with its promise, Connect mini-demo, a scene under every service ===== */
.theme-synaptic.is-home .hero .btns { display: flex; }
.theme-synaptic .hero-note { margin-top: 12px; font-size: 14px; color: #4a4f59; position: relative; z-index: 3; }
.theme-synaptic.axon-home:not(.hero-white) .hero-note { color: #c9ccd2; }
.theme-synaptic .svc-ex { font-size: 14px; line-height: 1.5; color: var(--text); padding-left: 12px; border-left: 2px solid #C79A3C; }
/* the chat */
.theme-synaptic .connect-demo { display: grid; gap: 14px; }
.theme-synaptic .cd-q { justify-self: end; max-width: 85%; margin: 0; }
.theme-synaptic .cd-q span { display: inline-block; padding: 10px 14px; border-radius: 16px 16px 4px 16px; background: #fff; color: #0b0b0c; font-size: 15px; }
.theme-synaptic .cd-a { display: grid; gap: 10px; padding: 14px; border-radius: 16px 16px 16px 4px; background: rgba(255,255,255,.06); border: 1px solid var(--line); }
.theme-synaptic .cd-a > p { margin: 0; font-size: 15px; color: var(--text2); }
.theme-synaptic .cd-car { display: grid; grid-template-columns: 96px 1fr; gap: 12px; align-items: center; text-decoration: none; color: inherit;
  padding: 8px; border-radius: 12px; background: rgba(0,0,0,.25); }
.theme-synaptic .cd-car:hover { background: rgba(255,255,255,.08); }
.theme-synaptic .cd-car img { width: 96px; height: 72px; object-fit: cover; border-radius: 8px; }
.theme-synaptic .cd-car span { display: grid; gap: 2px; }
.theme-synaptic .cd-car b { color: var(--text); font-size: 15px; }
.theme-synaptic .cd-car small { color: var(--text3); font-size: 12.5px; }
.theme-synaptic .cd-car em { font-style: normal; color: #C79A3C; font-size: 14px; font-weight: 600; }
.theme-synaptic .cd-note { margin: 0; font-size: 12px; color: var(--text3); }
/* the typing: question first, answer after it (only when the box scrolls in) */
.theme-synaptic .connect-demo.cd-anim .cd-q, .theme-synaptic .connect-demo.cd-anim .cd-a { opacity: 0; transform: translateY(10px);
  transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }
.theme-synaptic .connect-demo.cd-anim .cd-a { transition-delay: 1.1s; }
.theme-synaptic .connect-demo.cd-on .cd-q, .theme-synaptic .connect-demo.cd-on .cd-a { opacity: 1; transform: none; }
.theme-synaptic.hero-white .hero .btn-primary { background: #0b0b0c; color: #fff; }
.theme-synaptic.hero-white .hero .btn-primary:hover { background: #2a2d34; }
/* white sections: every dark box from site.css turns light, so nothing is dark-on-dark (Mr. ASV: "nu se văd bine") */
.theme-synaptic .zebra-light .tool, .theme-synaptic .zebra-light .plat-row li { background: #f6f6f7; border-color: #dcdcdf; }
.theme-synaptic .zebra-light .tool b, .theme-synaptic .zebra-light .plat-row.strong li { color: #0b0b0c; }
.theme-synaptic .zebra-light .tool p, .theme-synaptic .zebra-light .plat-row li { color: #3b3b3f; }
.theme-synaptic .zebra-light .cd-q span { background: #0b0b0c; color: #fff; }
.theme-synaptic .zebra-light .cd-a { background: #f6f6f7; border-color: #dcdcdf; }
.theme-synaptic .zebra-light .cd-car { background: #fff; }
.theme-synaptic .zebra-light .cd-car:hover { background: #ededee; }
.theme-synaptic .zebra-light .cd-car b { color: #0b0b0c; }
.theme-synaptic .zebra-light .sec-alt, .theme-synaptic .zebra-light.sec-alt { background: #fff; }
/* human + robot hands over the hero wave (wide screens only, built by theme-synaptic.js) */
/* the hands live only in the free box on the right of the words (Mr. ASV's frame, 11 Nov 2026); the box edge on the
   left fades softly so the human arm comes out of the wave instead of being cut */
.theme-synaptic .hero-hands { position: absolute; top: 10%; right: 0; width: 56%; height: 62%; z-index: 1; pointer-events: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 14%); mask-image: linear-gradient(to right, transparent 0, #000 14%);
  opacity: 0; transition: opacity 1.4s cubic-bezier(.16,1,.3,1); }
.theme-synaptic .hero-hands.ready { opacity: 1; }
.theme-synaptic.is-home .hero .hero-in { z-index: 2; }
/* phones and narrow windows: no hands (they would cover the words), and room between the note and "Derulează" */
@media (max-width: 899px) {
  .theme-synaptic .hero-hands { display: none; }
  .theme-synaptic.is-home .hero .hero-in { padding-bottom: 120px; }
  .theme-synaptic.is-home .hero .scroll-cue { bottom: 18px; }
}
/* digital teammates by role, on the robot-hand screen */
.theme-synaptic .rise .roles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 22px; max-width: 860px; }
.theme-synaptic .rise .role { padding: 14px 16px; border-radius: 14px; background: rgba(255,255,255,.82); border: 1px solid #dcdcdf;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.theme-synaptic .rise .role b { display: flex; align-items: center; gap: 8px; color: #0b0b0c; font-size: 15px; }
.theme-synaptic .rise .role b::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #C79A3C; box-shadow: 0 0 8px #C79A3C; }
.theme-synaptic .rise .role p { margin-top: 6px; font-size: 13.5px; line-height: 1.5; color: #3b3b3f; }
@media (max-width: 760px) { .theme-synaptic .rise .roles { grid-template-columns: 1fr; } }
/* hero copy: every line starts on the same left edge (Mr. ASV, 11 Nov 2026: "ori pe centru, ori la stânga… la stânga") */
.theme-synaptic.is-home .hero .hero-copy > * { margin-left: 0; margin-right: 0; text-align: left; }
/* a small green "live" dot before the hero line: the AI is always on (Mr. ASV, 11 Nov 2026) */
.theme-synaptic.is-home .hero .eyebrow.hero-h1 { display: inline-flex; align-items: center; gap: 9px; }
.theme-synaptic.is-home .hero .eyebrow.hero-h1::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%;
  background: #22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,.55); animation: asvLive 2s ease-out infinite; }
@keyframes asvLive { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,.55); } 70% { box-shadow: 0 0 0 8px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
@media (prefers-reduced-motion: reduce) { .theme-synaptic.is-home .hero .eyebrow.hero-h1::before { animation: none; } }
/* robot-hand screen on wide screens (Mr. ASV, 11 Nov 2026): the words on the left, the hand in the middle,
   the three roles on the right, all inside the site's column ("pune mâna în mijloc, între textele astea") */
@media (min-width: 1100px) {
  .theme-synaptic .rise-in { max-width: var(--max); margin: 0 auto; width: 100%; background: none !important;
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr) 300px; column-gap: 28px; align-items: end; }
  .theme-synaptic .rise-in > * { grid-column: 1; }
  .theme-synaptic .rise .roles { grid-column: 3; grid-row: 1 / span 5; align-self: end; grid-template-columns: 1fr;
    gap: 10px; margin-top: 0; max-width: none; }
  .theme-synaptic .rise .role { background: rgba(255,255,255,.9); }
}
@media (min-width: 1100px) { .theme-synaptic .rise .h-page { font-size: clamp(38px, 3.4vw, 56px); } }
/* six roles: tighter cards on wide screens, two columns on phones/tablets */
@media (min-width: 1100px) {
  .theme-synaptic .rise .roles { gap: 8px; }
  .theme-synaptic .rise .role { padding: 10px 14px; }
  .theme-synaptic .rise .role p { font-size: 12.5px; margin-top: 3px; }
}
@media (min-width: 560px) and (max-width: 1099px) { .theme-synaptic .rise .roles { grid-template-columns: 1fr 1fr; } }
/* the words sit at the bottom of the screen, level with the last role, not floating in the middle (Mr. ASV) */
@media (min-width: 1100px) {
  .theme-synaptic .rise-in { grid-template-rows: 1fr auto auto auto; }
  .theme-synaptic .rise-in > .eyebrow { align-self: end; }
  .theme-synaptic .rise .roles { grid-row: 1 / span 4; }
}