/* Neurona Home V5 — corrected editorial rhythm, theme assets and authored motion. */

.themed-logo{filter:none!important}
.themed-logo--on-light{opacity:0!important;pointer-events:none}
html[data-theme="light"] .themed-logo--on-dark{opacity:0!important;pointer-events:none}
html[data-theme="light"] .themed-logo--on-light{opacity:1!important;pointer-events:auto}

.is-v5 .site-header .brand--image{width:10.4rem;height:3.6rem}
.is-v5 .site-header .brand__logo--full{display:block;width:10.4rem;max-height:3.35rem;object-fit:contain;object-position:left center;transform:translateY(-50%)}
.is-v5 .site-header.is-scrolled .brand--image{width:8.4rem}
.is-v5 .site-header.is-scrolled .brand__logo--full{width:8.4rem;opacity:1;transform:translateY(-50%)}
.is-v5 .brand--footer{width:10.5rem}
.is-v5 .brand--footer .brand__logo--full{width:10.5rem;max-height:4rem;object-fit:contain;object-position:left center}

/* Hero: the supplied Fondo 10 pair and a centered-right simulator silhouette. */
.is-v5 .hero__background{background-image:linear-gradient(90deg,rgba(2,8,16,.2),rgba(2,8,16,.03)),url("assets/reference-v5/background-10.webp")!important;background-position:center;background-size:cover}
html.is-v5[data-theme="light"] .hero__background{background-image:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.01)),url("assets/reference-v5/background-10-light.webp")!important}
.is-v5 .hero__forklift{right:9%;top:17%;width:min(49vw,57rem);opacity:.34}
html.is-v5[data-theme="light"] .hero__forklift{opacity:.24}
html.is-v5[data-theme="light"] body .hero .hero__title>span[data-hero-reveal]:not(.tone-blue){color:#090b0f!important}
html.is-v5[data-theme="light"] .hero__body{color:#263243!important}
.is-v5 .neural-canvas{opacity:1}

/* Two-line editorial headings retain the authored line break on wide screens. */
.display-heading--editorial-lines{max-width:none!important;width:max-content}
.display-heading--editorial-lines>span{display:block;white-space:nowrap}

.is-v5 .glance .section-heading{margin-bottom:5.2rem}
.is-v5 .display-heading--paired{display:grid;justify-items:center;width:max-content;max-width:none;margin-inline:auto;line-height:.75}
.is-v5 .display-heading--paired>span{position:static!important;display:block;color:#f7f8fb;-webkit-text-stroke:0!important;white-space:nowrap}
.is-v5 .display-heading--paired>span:first-child{font-size:1em}
.is-v5 .display-heading--paired>span:last-child{margin-top:-.01em;font-size:.58em;line-height:.9;color:#0d79f2!important;transform:translateY(-.03em)}
html.is-v5[data-theme="light"] .display-heading--paired>span:first-child{color:#111827!important}
.is-v5 .feature-card:first-child .feature-card__icon--hero{width:clamp(10rem,13vw,14rem);height:clamp(10rem,13vw,14rem);margin-block:1rem 1.5rem}

/* Problem statement: exactly two useful lines and enough separation from evidence cards. */
.is-v5 .problem{min-height:max(62rem,100svh)}
.is-v5 .problem__layout{grid-template-columns:minmax(0,1fr);padding-top:clamp(1rem,3vw,3rem)}
.is-v5 .problem .display-heading{max-width:none;width:max-content;font-size:clamp(4rem,6.1vw,7.3rem);line-height:.84}
.is-v5 .problem .lead{max-width:38rem;margin-top:2.25rem;font-size:clamp(1rem,1.15vw,1.22rem);line-height:1.6}
.is-v5 .problem-notes{bottom:3.25rem}

/* Experience: one pinned viewport, one active word, then the typed summary. */
.is-v5 .experience{padding:0!important;overflow:visible;background-image:none!important}
.experience-sequence{position:relative;height:360svh;background:transparent}
.experience-sequence__stage{position:sticky;top:0;height:100svh;overflow:hidden}
.experience-sequence .experience__intro{position:absolute;z-index:3;left:50%;top:clamp(5.7rem,8vh,7.5rem);width:min(calc(100% - 2 * var(--section-gutter)),108rem);margin:0;transform:translateX(-50%)}
.experience-sequence .experience__intro .eyebrow{margin-bottom:.75rem}
.experience-sequence .experience__intro .display-heading{max-width:none;width:max-content;font-size:clamp(2.75rem,4.4vw,5.2rem);line-height:.86}
.experience-sequence .experience__intro .display-heading>span{display:block;white-space:nowrap}
.experience-sequence .text-tunnel{position:absolute;inset:0;height:auto;margin:0}
.experience-sequence .text-tunnel__stage{position:absolute;inset:0;display:block;height:auto;overflow:visible}
.experience-sequence .text-tunnel [data-tunnel-word]{position:absolute;left:50%;top:48%;width:96%;font-size:clamp(5rem,13vw,13rem);line-height:.8;opacity:0;transform:translate(-50%,-50%) scale(.82);will-change:opacity,transform,filter}
.experience-sequence .text-tunnel__stage small{position:absolute;left:var(--section-gutter);bottom:2.1rem}
.experience-sequence .typewriter-panel{position:absolute;z-index:4;right:max(var(--section-gutter),calc((100vw - 108rem)/2));bottom:clamp(2.2rem,5vh,4.2rem);width:min(52rem,62vw);min-height:9.5rem;margin:0;padding:clamp(1.25rem,2.4vw,2rem);grid-template-columns:9rem minmax(0,1fr);gap:clamp(1rem,3vw,3rem);opacity:0;will-change:opacity,transform}
.experience-sequence .typewriter-panel .lead{font-size:clamp(.95rem,1.25vw,1.2rem);line-height:1.5}
.experience-sequence[data-phase="summary"] .text-tunnel [data-tunnel-word]:last-of-type{top:42%}

/* About uses the supplied full Logo 01 as the central authored object. */
.is-v5 .about__head .display-heading{font-size:clamp(3.6rem,5.7vw,6.8rem);line-height:.84}
.is-v5 .about-composition__object{position:relative;height:31rem;background:transparent;overflow:visible}
.is-v5 .about-composition__logo{position:absolute;left:50%;top:50%;width:min(82%,26rem);height:auto;object-fit:contain;filter:drop-shadow(0 0 36px rgba(13,121,242,.36))!important;transform:translate(-50%,-50%)}
html.is-v5[data-theme="light"] .about-composition__logo{filter:drop-shadow(0 0 28px rgba(13,121,242,.2))!important}

/* Process and FAQ animate as compact cascades after a single intersection. */
.is-v5 .timeline h3,.is-v5 .faq-item button>b{font-family:Poppins,sans-serif;font-weight:600;letter-spacing:-.015em}
.is-v5 .timeline h3{font-size:clamp(.95rem,1.15vw,1.2rem);line-height:1.25}
.js .is-v5 .timeline li{opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.js .is-v5 .timeline.is-drawn li{opacity:1;transform:none}
.is-v5 .timeline li:nth-child(1){transition-delay:.08s}.is-v5 .timeline li:nth-child(2){transition-delay:.18s}.is-v5 .timeline li:nth-child(3){transition-delay:.28s}.is-v5 .timeline li:nth-child(4){transition-delay:.38s}.is-v5 .timeline li:nth-child(5){transition-delay:.48s}

.is-v5 .faq-item{transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1)}
.is-v5 .faq-item button{padding-inline:1.25rem}
.is-v5 .faq-item button>b{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.35;text-transform:none}
.is-v5 .faq-item>div{padding-inline:4.25rem 3rem}
.is-v5 .faq-item:has(button[aria-expanded="true"]){background:#f7f8fb;color:#07101c;border-color:#f7f8fb}
.is-v5 .faq-item:has(button[aria-expanded="true"]) button>span,.is-v5 .faq-item:has(button[aria-expanded="true"]) p{color:#07101c!important}
html.is-v5[data-theme="light"] .faq-item:has(button[aria-expanded="true"]){background:#0d79f2;color:#06111f;border-color:#0d79f2}
html.is-v5[data-theme="light"] .faq-item:has(button[aria-expanded="true"]) button>span,html.is-v5[data-theme="light"] .faq-item:has(button[aria-expanded="true"]) p{color:#06111f!important}
.js .is-v5 [data-faq-cascade] .faq-item{opacity:0;transform:translateY(16px)}
.js .is-v5 [data-faq-cascade].is-cascade-visible .faq-item{opacity:1;transform:none}
.is-v5 [data-faq-cascade] .faq-item:nth-child(1){transition-delay:.04s}.is-v5 [data-faq-cascade] .faq-item:nth-child(2){transition-delay:.11s}.is-v5 [data-faq-cascade] .faq-item:nth-child(3){transition-delay:.18s}.is-v5 [data-faq-cascade] .faq-item:nth-child(4){transition-delay:.25s}.is-v5 [data-faq-cascade] .faq-item:nth-child(5){transition-delay:.32s}.is-v5 [data-faq-cascade] .faq-item:nth-child(6){transition-delay:.39s}

/* Contact preserves the requested three-line phrase and uses the scramble hook. */
.is-v5 .contact__copy{min-width:0}
.is-v5 .contact__copy .display-heading--contact-lines{max-width:none;width:max-content;font-size:clamp(2.85rem,3vw,4.15rem);line-height:.93}
.is-v5 .display-heading--contact-lines>span{display:block;white-space:nowrap}

@media (max-width:64rem){
  .is-v5 .hero__forklift{right:-3%;top:24%;width:66vw}
  .is-v5 .problem .display-heading{font-size:clamp(3.6rem,8vw,5.6rem)}
  .experience-sequence .typewriter-panel{width:min(44rem,76vw)}
  .is-v5 .about__head .display-heading{font-size:clamp(3.1rem,7vw,5.1rem)}
  .is-v5 .contact__copy .display-heading--contact-lines{font-size:clamp(2.45rem,4.9vw,3.7rem)}
}

@media (max-width:42rem){
  .is-v5 .site-header .brand--image,.is-v5 .site-header.is-scrolled .brand--image{width:7rem}
  .is-v5 .site-header .brand__logo--full,.is-v5 .site-header.is-scrolled .brand__logo--full{width:7rem;max-height:2.8rem}
  .is-v5 .hero__forklift{right:-40%;top:36%;width:118vw}
  .display-heading--editorial-lines{width:100%}
  .display-heading--editorial-lines>span{white-space:normal}
  .is-v5 .display-heading--paired{width:100%}
  .is-v5 .display-heading--paired>span:first-child{font-size:.92em}
  .is-v5 .display-heading--paired>span:last-child{font-size:.55em}
  .is-v5 .feature-card:first-child .feature-card__icon--hero{width:9rem;height:9rem}
  .is-v5 .problem{min-height:76rem}
  .is-v5 .problem .display-heading{width:100%;font-size:clamp(1.52rem,6.6vw,1.72rem);line-height:.93}
  .is-v5 .problem .display-heading>span{white-space:nowrap}
  .is-v5 .problem .lead{max-width:31ch;margin-top:1.75rem;font-size:.95rem}
  .experience-sequence{height:330svh}
  .experience-sequence .experience__intro{top:5.4rem}
  .experience-sequence .experience__intro .display-heading{width:100%;font-size:clamp(2.35rem,9vw,3.15rem)}
  .experience-sequence .experience__intro .display-heading>span{white-space:nowrap}
  .experience-sequence .text-tunnel [data-tunnel-word]{top:47%;font-size:clamp(3.2rem,16vw,5.1rem)}
  .experience-sequence .typewriter-panel{left:1.1rem;right:1.1rem;bottom:1.3rem;width:auto;min-height:10.5rem;grid-template-columns:1fr;gap:.7rem;padding:1.15rem}
  .experience-sequence .typewriter-panel .lead{font-size:.86rem}
  .experience-sequence .text-tunnel__stage small{display:none}
  .is-v5 .about__head .display-heading{font-size:clamp(2.25rem,7.4vw,2.9rem)}
  .is-v5 .about__head .display-heading>span{white-space:nowrap}
  .is-v5 .about-composition__object{height:23rem}
  .is-v5 .about-composition__logo{width:min(78%,19rem)}
  .is-v5 .contact__copy .display-heading--contact-lines{width:100%;font-size:clamp(1.52rem,6.6vw,1.72rem);line-height:.96}
  .is-v5 .faq-item button{grid-template-columns:2.2rem 1fr 1.5rem;padding-inline:.7rem}
  .is-v5 .faq-item>div{padding-inline:2.9rem 1rem}
}

@media (prefers-reduced-motion:reduce){
  .experience-sequence{height:auto;padding:7rem 0}
  .experience-sequence__stage{position:relative;height:auto;overflow:visible}
  .experience-sequence .experience__intro,.experience-sequence .text-tunnel,.experience-sequence .typewriter-panel{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(calc(100% - 2 * var(--section-gutter)),90rem);margin-inline:auto;transform:none}
  .experience-sequence .experience__intro{margin-bottom:4rem}
  .experience-sequence .text-tunnel__stage{position:relative;display:grid;gap:.5rem}
  .experience-sequence .text-tunnel [data-tunnel-word]{position:static;width:auto;font-size:clamp(3rem,8vw,6rem);opacity:1;filter:none;transform:none}
  .experience-sequence .typewriter-panel{margin-top:4rem;opacity:1}
  .js .is-v5 .timeline li,.js .is-v5 [data-faq-cascade] .faq-item{opacity:1;transform:none}
}