/* Neurona V11 — requested content, responsive and WordPress checkpoint changes. */
:root { --v11-blue: #0d79f2; --v11-ink: #07101d; }

/* Logo 02 remains visible when the navigation contracts. */
.site-header .brand,
.site-header .brand--image { width: clamp(8.8rem, 11vw, 11rem) !important; }
.site-header .brand__logo--full {
  width: 100% !important;
  max-height: 3.25rem;
  object-fit: contain;
  object-position: left center;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-50%) !important;
  filter: none !important;
}
html[data-theme="dark"] .site-header .brand__logo--dark,
html[data-theme="dark"] .site-footer .brand__logo--dark,
html[data-theme="light"] .site-header .brand__logo--light,
html[data-theme="light"] .site-footer .brand__logo--light { display: block !important; }
html[data-theme="dark"] .site-header .brand__logo--light,
html[data-theme="dark"] .site-footer .brand__logo--light,
html[data-theme="light"] .site-header .brand__logo--dark,
html[data-theme="light"] .site-footer .brand__logo--dark { display: none !important; }
.site-header.is-scrolled .brand,
.site-header.is-scrolled .brand--image { width: clamp(5.8rem, 7vw, 7.2rem) !important; }
.site-header.is-scrolled .brand__logo--full { width: 100% !important; opacity: 1 !important; }
.site-footer .brand--image { width: 11rem !important; }
.site-footer .brand__logo--full { width: 11rem !important; opacity: 1 !important; filter: none !important; }

/* Titles are static, authored lines. Boldonse is reserved for these display headings. */
.neurona-v10 h1,
.neurona-v10 .display-heading,
.neurona-v10 .simulator-detail__title,
.neurona-v10 .technical-panel-v11 h2,
.neurona-v10 .simulator-showcase-v11 h2 {
  visibility: visible !important;
  opacity: 1 !important;
  font-family: var(--display-font) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}
.neurona-v10 .display-heading > span,
.neurona-v10 .subpage-hero h1 > span,
.neurona-v10 .technical-panel-v11 h2 > span,
.neurona-v10 .simulator-showcase-v11 h2 > span { display: block; }

/* Observation section: content stays in document flow and always clears the cards. */
.problem { min-height: 0 !important; padding-bottom: clamp(4.5rem, 7vw, 7rem) !important; }
.problem__layout { grid-template-columns: minmax(0, .72fr) minmax(14rem, 1.28fr); }
.problem .display-heading { max-width: 11.5ch; font-size: clamp(3.4rem, 6vw, 7rem); }
.problem .display-heading > span { white-space: nowrap; }
.problem .lead { margin-top: 2rem; margin-bottom: 30px; }
.problem-notes {
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  width: min(calc(100% - 2 * var(--section-gutter)), 105rem) !important;
  margin: 0 auto !important;
  transform: none !important;
  gap: 1.5rem;
}
.problem-notes h3,
.faq-item button > b {
  font-family: Poppins, system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}
.problem-notes h3 { min-height: 0; font-size: clamp(.95rem, 1.2vw, 1.15rem); line-height: 1.35; }

/* New supplied simulator frames with live bilingual copy over the image. */
.product-v11,
.catalogue-v11 { padding: clamp(4.5rem, 7vw, 7.5rem) 0; background: var(--deep); }
.catalogue-v11 { background: var(--surface-1); }
.simulator-showcase-v11 { position: relative; margin: 0; overflow: hidden; }
.simulator-showcase-v11__asset { width: 100%; height: auto; }
.simulator-showcase-v11__asset--mobile { display: none !important; }
html[data-theme] .simulator-showcase-v11 .simulator-showcase-v11__asset--mobile { display: none !important; }
html[data-theme="dark"] .simulator-showcase-v11__asset--desktop.theme-asset--dark,
html[data-theme="light"] .simulator-showcase-v11__asset--desktop.theme-asset--light { display: block !important; }
html[data-theme="dark"] .simulator-showcase-v11__asset--desktop.theme-asset--light,
html[data-theme="light"] .simulator-showcase-v11__asset--desktop.theme-asset--dark { display: none !important; }
.simulator-showcase-v11__copy { position: absolute; z-index: 2; left: 4.15%; top: 5.5%; width: 39%; color: #fff; }
.simulator-showcase-v11__meta { display: block; margin-left: 48%; width: 52%; font: 400 clamp(.56rem, .85vw, .78rem)/1.35 Poppins, sans-serif; text-transform: uppercase; }
.simulator-showcase-v11 h2 { margin-top: 11%; font-size: clamp(1.9rem, 2.75vw, 3.4rem); line-height: .98; letter-spacing: -.025em; }
.simulator-showcase-v11__primary { color: #fff; }
.simulator-showcase-v11__contrast { width: max-content; max-width: 100%; padding: .02em .12em .08em; background: #05070a; color: #fff; }
.simulator-showcase-v11__copy p { max-width: 39ch; margin-top: 7%; color: #fff; font-size: clamp(.75rem, 1.15vw, 1rem); line-height: 1.55; }
.simulator-showcase-v11__cta { position: absolute; z-index: 3; right: 5.4%; bottom: 8%; min-width: 13rem; justify-content: center; }
.simulator-showcase-v11--home .simulator-showcase-v11__cta { top: 64%; right: 5.4%; bottom: auto; }
html[data-theme="light"] .simulator-showcase-v11__copy,
html[data-theme="light"] .simulator-showcase-v11__copy p,
html[data-theme="light"] .simulator-showcase-v11__meta { color: #111214; }
html[data-theme="light"] .simulator-showcase-v11__primary { color: var(--v11-blue); }
html[data-theme="light"] .simulator-showcase-v11__contrast { background: transparent; color: #05070a; padding-inline: 0; }

.simulator-showcase-v11--catalogue .simulator-showcase-v11__copy { top: 5.3%; }
.simulator-showcase-v11--catalogue h2 { margin-top: 18%; font-size: clamp(2.2rem, 4.3vw, 4.9rem); }
.simulator-showcase-v11--catalogue .simulator-showcase-v11__copy p { margin-top: 9%; }
.simulator-showcase-v11--catalogue .simulator-showcase-v11__cta { left: 4.2%; right: auto; bottom: auto; top: 44%; }

/* Four technical information containers; Fondo 13 is a single responsive surface. */
.simulator-information-v11 {
  position: relative;
  padding: clamp(5rem, 8vw, 9rem) 0;
  background-color: #081321;
  background-image: linear-gradient(rgba(3, 10, 20, .86), rgba(3, 10, 20, .93)), url("assets/reference-v11/background-13.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #f5f7fb;
}
.simulator-information-v11__stack { display: grid; gap: 1.5rem; }
.technical-panel-v11 {
  display: grid;
  grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(2rem, 6vw, 7rem);
  padding: clamp(1.6rem, 3vw, 3rem);
  border: 1px solid rgba(13, 121, 242, .55);
  background: rgba(4, 12, 24, .9);
}
.technical-panel-v11 > div > span { color: #76b5ff; font-size: .68rem; letter-spacing: .13em; }
.technical-panel-v11 h2 { margin-top: 1.5rem; font-size: clamp(2.4rem, 4.2vw, 5rem); line-height: .88; letter-spacing: -.03em; }
.technical-panel-v11 h2 > span + span { font-size: .72em; }
.technical-panel-v11__body { align-self: end; }
.technical-panel-v11__body p { max-width: 67ch; color: #d2dceb; line-height: 1.7; }
.technical-panel-v11__body ul { display: grid; gap: .65rem; margin-top: 1.5rem; }
.technical-panel-v11__body li { position: relative; padding-left: 1.25rem; color: #b8c8dc; line-height: 1.5; }
.technical-panel-v11__body li::before { position: absolute; left: 0; top: .62em; width: .42rem; height: .42rem; background: var(--v11-blue); content: ""; }
html[data-theme="light"] .simulator-information-v11 {
  background-color: #eef2f6;
  background-image: linear-gradient(rgba(247, 249, 251, .9), rgba(247, 249, 251, .94)), url("assets/reference-v11/background-13-light.webp");
  color: #111214;
}
html[data-theme="light"] .technical-panel-v11 { background: rgba(255, 255, 255, .94); }
html[data-theme="light"] .technical-panel-v11__body p,
html[data-theme="light"] .technical-panel-v11__body li { color: #34435a; }

/* Participation loop and video fit in one coherent passage without blank scroll fields. */
.experience { padding: clamp(5rem, 8vw, 7.5rem) 0 !important; overflow: hidden; }
.experience__intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(19rem, .85fr); gap: clamp(2rem, 6vw, 7rem); align-items: end; margin-bottom: 0; }
.experience__intro .display-heading { max-width: 12ch; font-size: clamp(3.2rem, 5.2vw, 6.2rem); }
.experience__intro .display-heading > span { white-space: nowrap; }
.experience__intro .lead { margin: 0; }
.neurona-v10 .text-tunnel { min-height: 0 !important; height: auto !important; margin: clamp(1rem, 2vw, 2rem) 0 !important; }
.neurona-v10 .text-tunnel__stage { position: relative !important; top: auto !important; height: clamp(15rem, 30vw, 25rem) !important; min-height: 15rem; overflow: hidden; }
.neurona-v10 [data-tunnel-word] { max-width: 96% !important; font-size: clamp(3.4rem, 12.5vw, 12rem) !important; text-align: center; white-space: nowrap; }
.neurona-v10 .video-frame { margin-top: 0; }
html[data-theme="light"] .experience { background-image: linear-gradient(rgba(244, 247, 251, .91), rgba(244, 247, 251, .94)), url("assets/reference-v3/background-field-dual.jpg"); }
html[data-theme="light"] .experience .display-heading > span:not(.tone-blue),
html[data-theme="light"] .experience .lead { color: #111214 !important; }

/* Restored conceptual telemetry and fixed two-line mobile heading. */
.metrics__head { grid-template-columns: 1fr !important; }
.metrics__head .display-heading { max-width: 15ch; font-size: clamp(3.2rem, 6vw, 7rem); }
.metrics__head .display-heading > span { white-space: nowrap; }
.metrics .diagnostic { display: block; margin-top: 3.5rem; padding: 0; border: 0; background: none; }
.metrics .telemetry { width: 100%; margin-top: 0; }

/* Central Neurona mark: only a soft circular light, never a blue rectangle. */
.about-v6__signature { position: relative; min-height: 22rem; background: transparent !important; overflow: visible; }
.about-v6__signature .about-composition__object { height: 22rem; background: transparent !important; background-image: none !important; box-shadow: none !important; filter: none !important; }
.about-v6__signature::before { position: absolute; z-index: 0; inset: 22%; border-radius: 50%; background: #0d79f2; filter: blur(52px); opacity: .72; content: "" !important; }
.about-v6__signature::after { position: absolute; z-index: 1; inset: 16%; background: url("assets/reference-v9/logo-04-white.png") center / contain no-repeat; filter: drop-shadow(0 0 20px rgba(13, 121, 242, .7)); content: "" !important; }
html[data-theme="light"] .about-v6__signature::after { background-image: url("assets/reference-v9/logo-04-blue.png"); }
.about__head .display-heading { width: 100%; max-width: none !important; font-size: clamp(3rem, 4.7vw, 5.5rem) !important; }
.about__head .display-heading > span { white-space: nowrap; }

/* FAQ titles use Poppins Semibold; open state is blue with white copy in both themes. */
.faq__head .display-heading { max-width: 15ch; }
.faq__head .display-heading > span { white-space: nowrap; }
.faq-item button > b { font-size: clamp(1rem, 1.45vw, 1.25rem); line-height: 1.35; }
.faq-item:has(button[aria-expanded="true"]) { background: var(--v11-blue); color: #fff; border-color: var(--v11-blue); }
.faq-item:has(button[aria-expanded="true"]) button,
.faq-item:has(button[aria-expanded="true"]) button > span,
.faq-item:has(button[aria-expanded="true"]) button > b,
.faq-item:has(button[aria-expanded="true"]) p { color: #fff !important; }
.faq-item:has(button[aria-expanded="true"]) > div { padding-top: .2rem; }

@media (max-width: 64rem) {
  .problem__layout { grid-template-columns: 1fr; }
  .problem .display-heading { max-width: 12ch; }
  .experience__intro { grid-template-columns: 1fr; }
  .technical-panel-v11 { grid-template-columns: 1fr; }
  .telemetry { grid-template-columns: 1fr; }
  .telemetry__side { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
}

@media (max-width: 900px) {
  html[data-theme] .simulator-showcase-v11 .simulator-showcase-v11__asset--desktop { display: none !important; }
  html[data-theme="dark"] .simulator-showcase-v11__asset--mobile.theme-asset--dark,
  html[data-theme="light"] .simulator-showcase-v11__asset--mobile.theme-asset--light { display: block !important; }
  html[data-theme="dark"] .simulator-showcase-v11__asset--mobile.theme-asset--light,
  html[data-theme="light"] .simulator-showcase-v11__asset--mobile.theme-asset--dark { display: none !important; }
  .simulator-showcase-v11__copy { left: 7.7%; top: 3.4%; width: 84.5%; }
  .simulator-showcase-v11__meta { margin-left: 45%; width: 55%; font-size: clamp(.48rem, 2.25vw, .72rem); }
  .simulator-showcase-v11 h2 { margin-top: 10%; font-size: clamp(1.65rem, 8.5vw, 3.1rem); }
  .simulator-showcase-v11__copy p { max-width: 95%; margin-top: 7%; font-size: clamp(.72rem, 3.2vw, 1rem); }
  .simulator-showcase-v11__cta { left: 7.7%; right: auto; top: 58.5%; bottom: auto; min-width: 10rem; }
  .simulator-showcase-v11--catalogue .simulator-showcase-v11__copy { top: 2%; }
  .simulator-showcase-v11--catalogue h2 { margin-top: 12%; font-size: clamp(1.7rem, 7vw, 2.5rem); }
  .simulator-showcase-v11--catalogue .simulator-showcase-v11__copy p { margin-top: 7%; }
  .simulator-showcase-v11--catalogue .simulator-showcase-v11__cta { left: 9.8%; top: 27%; }
}

@media (max-width: 42rem) {
  .problem .display-heading,
  .experience .display-heading {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(1.55rem, 6.8vw, 2rem) !important;
  }
  .metrics__head .display-heading {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(1.65rem, 7.4vw, 2.1rem) !important;
  }
  .site-header .brand,
  .site-header .brand--image { width: 7.4rem !important; }
  .site-header.is-scrolled .brand,
  .site-header.is-scrolled .brand--image { width: 5.7rem !important; }
  .problem { padding-top: 6.5rem !important; }
  .problem .display-heading { width: 100% !important; max-width: 100%; font-size: clamp(1.55rem, 6.8vw, 2rem) !important; }
  .problem .lead { max-width: 34ch; }
  .problem-notes { grid-template-columns: 1fr; gap: 1rem; }
  .product-v11,
  .catalogue-v11 { padding: 3.5rem 0; }
  .technical-panel-v11 { padding: 1.35rem; }
  .technical-panel-v11 h2 { font-size: clamp(2.35rem, 11vw, 3.5rem); }
  .experience__intro .display-heading { max-width: 100%; font-size: clamp(2.15rem, 9.8vw, 3.3rem); }
  .experience__intro .display-heading > span { white-space: nowrap; }
  .neurona-v10 .text-tunnel__stage { height: 13rem !important; min-height: 13rem; }
  .neurona-v10 [data-tunnel-word] { font-size: clamp(2.8rem, 14.5vw, 4.4rem) !important; white-space: nowrap; }
  .metrics__head .display-heading { width: 100% !important; max-width: 100%; font-size: clamp(1.65rem, 7.4vw, 2.1rem) !important; }
  .metrics__head .display-heading > span { white-space: nowrap !important; }
  .metrics .diagnostic { margin-top: 2rem; }
  .telemetry__kpis { grid-template-columns: 1fr 1fr; }
  .telemetry__trend { height: 15rem; }
  .telemetry__axis { font-size: .52rem; }
  .telemetry__side { grid-template-columns: 1fr; }
  .telemetry__bar { grid-template-columns: 6.5rem 1fr 2.5rem; }
  .about__head .display-heading { max-width: 100%; font-size: clamp(2.4rem, 10.5vw, 3.6rem); }
  .about__head .display-heading > span { white-space: nowrap; }
  .faq__head .display-heading { max-width: 100%; font-size: clamp(2.25rem, 10.5vw, 3.5rem); }
  .faq__head .display-heading > span { white-space: nowrap; }
}

@media (max-width: 360px) {
  .simulator-showcase-v11 h2 { font-size: 1.5rem; }
  .simulator-showcase-v11__copy p { font-size: .67rem; }
  .metrics__head .display-heading { font-size: 1.8rem !important; }
  .about__head .display-heading { font-size: 2.2rem; }
  .faq__head .display-heading { font-size: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .telemetry__line,
  .telemetry__bar i::before { animation: none !important; stroke-dashoffset: 0; transform: none; }
}
