/* Neurona V6 — focused narrative, autonomous signal motion and multi-page shell. */

html.is-v6{--v6-blue:#0d79f2;--v6-ink:#f5f7fb;--v6-panel:#07101e}
.is-v6 .site-header__actions>.button--header,.is-v6 .theme-toggle,.is-v6 .language-switcher{border:1px solid rgba(230,239,255,.38);background:rgba(3,9,17,.34)}
.is-v6 .theme-toggle{width:2.8rem;height:2.8rem;border-radius:0}
.is-v6 .language-switcher{height:2.8rem;padding:0;gap:0}
.is-v6 .language-switcher button{min-width:2.6rem;height:100%;padding:0 .65rem}
.is-v6 .language-switcher span{opacity:.4}
.is-v6 .site-header__actions>.button--header,.is-v6 .theme-toggle,.is-v6 .language-switcher{position:relative;overflow:hidden;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.is-v6 .site-header__actions>.button--header:after,.is-v6 .theme-toggle:after,.is-v6 .language-switcher:after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 38%,rgba(255,255,255,.28) 50%,transparent 62%);content:"";pointer-events:none;transform:translateX(-130%)}
.is-v6 .site-header__actions>.button--header:hover,.is-v6 .theme-toggle:hover,.is-v6 .language-switcher:hover{border-color:var(--v6-blue);background:var(--v6-blue);color:#06111f}
.is-v6 .site-header__actions>.button--header:hover:after,.is-v6 .theme-toggle:hover:after,.is-v6 .language-switcher:hover:after{animation:v6-control-scan .42s ease}
@keyframes v6-control-scan{to{transform:translateX(130%)}}
html.is-v6[data-theme="light"] .site-header__actions>.button--header,html.is-v6[data-theme="light"] .theme-toggle,html.is-v6[data-theme="light"] .language-switcher{border-color:rgba(16,24,39,.35);background:rgba(255,255,255,.54)}

/* Hero object sits between both technical labels instead of touching the edge. */
.is-v6 .hero__forklift{right:15.5%;top:16%;width:min(45vw,54rem);opacity:.36}
.is-v6 .field-label--a{right:2.7rem;top:15%}
.is-v6 .field-label--c{right:13%;bottom:4%}

/* One autonomous entrance: coded heading, then its local evidence. */
.js .is-v6 [data-auto-scramble]{opacity:1}
.is-v6 [data-auto-scramble].is-decoding{filter:contrast(1.08)}
.is-v6 [data-auto-scramble].is-decoded{filter:none}
.js .is-v6 [data-auto-stagger]>*{opacity:0;transform:translateY(24px);clip-path:inset(0 0 100% 0);transition:opacity .38s ease,transform .58s cubic-bezier(.16,1,.3,1),clip-path .58s cubic-bezier(.16,1,.3,1)}
.js .is-v6 [data-auto-stagger].is-sequenced>*{opacity:1;transform:none;clip-path:inset(0)}
.is-v6 [data-auto-stagger]>*:nth-child(1){transition-delay:.14s}.is-v6 [data-auto-stagger]>*:nth-child(2){transition-delay:.27s}.is-v6 [data-auto-stagger]>*:nth-child(3){transition-delay:.4s}
.is-v6 .problem{min-height:max(58rem,100svh)}
.is-v6 .problem-notes article{min-height:9.5rem;padding:1.55rem 1.7rem}
.is-v6 .problem-notes p{max-width:40ch;margin-top:.65rem;line-height:1.55}

/* V5 scroll tunnel is replaced at runtime by one viewport-sized autonomous loop. */
.is-v6 .experience{position:relative;min-height:100svh;padding:0!important;overflow:hidden;background-image:linear-gradient(rgba(3,8,16,.66),rgba(3,8,16,.76)),url("assets/reference-v4/background-09.webp")!important;background-position:center;background-size:cover}
.experience-loop{position:relative;display:grid;min-height:100svh;align-items:center;overflow:hidden;padding:clamp(7rem,10vh,9rem) 0 clamp(3rem,6vh,5rem)}
.experience-loop__intro{position:absolute;z-index:3;left:50%;top:clamp(5.7rem,8vh,7.2rem);width:min(calc(100% - 2 * var(--section-gutter)),108rem);transform:translateX(-50%)}
.experience-loop__intro .display-heading{max-width:none;font-size:clamp(3rem,5.3vw,6.1rem);line-height:.84}
.experience-loop__intro .display-heading>span{display:block;white-space:nowrap}
.experience-loop__words{position:relative;z-index:2;display:grid;height:50vh;place-items:center;margin-top:8rem}
.experience-loop__word{position:absolute;width:100%;color:var(--v6-ink);font:400 clamp(5rem,14vw,13.5rem)/.78 var(--display-font);letter-spacing:-.035em;text-align:center;text-transform:uppercase;opacity:0;filter:blur(12px);transform:scale(.08);animation:v6-depth-word 10s cubic-bezier(.16,1,.3,1) infinite;animation-play-state:paused;will-change:transform,opacity,filter}
.experience-loop.is-running .experience-loop__word{animation-play-state:running}
.experience-loop__word:nth-child(2){animation-delay:2s;color:var(--v6-blue)}.experience-loop__word:nth-child(3){animation-delay:4s}.experience-loop__word:nth-child(4){animation-delay:6s;color:#ff6b18}.experience-loop__word:nth-child(5){animation-delay:8s}
.experience-loop__summary{position:absolute;z-index:4;right:max(var(--section-gutter),calc((100vw - 108rem)/2));bottom:clamp(2rem,4vh,3.5rem);width:min(48rem,58vw);padding:1.4rem 1.7rem;border:1px solid rgba(13,121,242,.55);background:rgba(4,11,21,.82);color:#cbd7e8;clip-path:polygon(0 0,96% 0,100% 28%,100% 100%,4% 100%,0 72%)}
@keyframes v6-depth-word{0%,17%{opacity:0;filter:blur(12px);transform:scale(.08)}4%,11%{opacity:1;filter:blur(0);transform:scale(1)}15%{opacity:0;filter:blur(4px);transform:scale(1.36)}100%{opacity:0;transform:scale(1.36)}}

/* Metrics: authored Fondo 05 with visibly active conceptual telemetry. */
.is-v6 .metrics{position:relative;isolation:isolate;background:#07101e;color:#f5f7fb}
.is-v6 .metrics:before{position:absolute;z-index:-2;inset:0;background:url("assets/reference-v4/background-05.jpg") center/cover no-repeat;content:""}
.is-v6 .metrics:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,8,16,.94),rgba(7,24,50,.72));content:""}
.is-v6 .metrics__head{align-items:end}
.is-v6 .metrics__head .display-heading{max-width:none;width:max-content;font-size:clamp(4rem,6.2vw,7rem);line-height:.82}
.is-v6 .metrics__head .display-heading>span{display:block;white-space:nowrap}
.is-v6 .metrics__head .display-heading>span:nth-child(2){font-size:.58em;line-height:.92}
.is-v6 .metrics-board{position:relative}
.is-v6 .metric-chart{background:rgba(4,12,24,.9)}
.is-v6 .metric-chart__live{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.8rem 1rem 0;color:#b9c7da;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}
.is-v6 .metric-chart__live b{color:#fff;font:600 1.25rem/1 Poppins,sans-serif;font-variant-numeric:tabular-nums}
.is-v6 .metric-chart .chart-line{stroke-dasharray:32 18;animation:v6-chart-flow 3.2s linear infinite}
.is-v6 .metric-chart .chart-nodes circle,.is-v6 .network-chart circle{transform-box:fill-box;transform-origin:center;animation:v6-node-pulse 2.4s ease-in-out infinite alternate}
.is-v6 .metric-chart .bar-chart rect{transform-box:fill-box;transform-origin:center bottom;animation:v6-bar-live 2.8s ease-in-out infinite alternate}.is-v6 .metric-chart .bar-chart rect:nth-child(2){animation-delay:.4s}.is-v6 .metric-chart .bar-chart rect:nth-child(3){animation-delay:.8s}
@keyframes v6-chart-flow{to{stroke-dashoffset:-100}}@keyframes v6-node-pulse{to{transform:scale(1.18);opacity:.72}}@keyframes v6-bar-live{to{transform:scaleY(.72)}}

/* Compact hardware strip; it supports the software story without becoming a sales chapter. */
.hardware-strip{position:relative;overflow:hidden;padding:clamp(2.8rem,5vw,4.7rem) 0;background:#07101c;color:#f5f7fb;border-block:1px solid rgba(13,121,242,.4)}
.hardware-strip:before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,121,242,.14),transparent 42%,rgba(13,121,242,.1));content:""}
.hardware-strip__inner{position:relative;display:grid;grid-template-columns:minmax(17rem,.65fr) 1.35fr;align-items:center;gap:clamp(2rem,5vw,6rem)}
.hardware-strip__copy h2{font:400 clamp(2.2rem,3.3vw,3.8rem)/.88 var(--display-font);letter-spacing:-.025em;text-transform:uppercase}.hardware-strip__copy h2 span{display:block}
.hardware-strip__copy p{max-width:48ch;margin-top:1rem;color:#bdc9da;line-height:1.55}
.hardware-strip__objects{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:1rem}
.hardware-strip__objects figure{text-align:center}.hardware-strip__objects img{width:100%;height:8.5rem;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45));transition:transform .25s ease}.hardware-strip__objects figure:hover img{transform:translateY(-6px)}
.hardware-strip__objects figcaption{margin-top:.5rem;color:#b8c8df;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
html.is-v6[data-theme="light"] .hardware-strip{background:#e9edf3;color:#111827}html.is-v6[data-theme="light"] .hardware-strip__copy p,html.is-v6[data-theme="light"] .hardware-strip__objects figcaption{color:#34435a}

/* About: two authored information columns around the theme-aware mark. */
.is-v6 .about{position:relative;min-height:100svh;padding-block:clamp(7rem,10vw,10rem);overflow:hidden}
.is-v6 .about__word{left:50%;top:43%;width:max-content;font:400 clamp(14rem,35vw,38rem)/.75 var(--display-font);letter-spacing:-.04em;opacity:.035;transform:translate(-50%,-50%)}
.is-v6 .about__head .display-heading{max-width:none;width:max-content}
.about-v6{position:relative;z-index:2;display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(18rem,1fr) minmax(18rem,.95fr);align-items:start;gap:clamp(1.5rem,3vw,4rem);margin-top:clamp(2.2rem,4vw,4rem)}
.about-v6__panel{padding-top:1rem;border-top:1px solid rgba(13,121,242,.65)}
.about-v6__panel>span{color:var(--v6-blue);font-size:.7rem;font-weight:600;letter-spacing:.13em}
.about-v6__panel>strong{display:block;margin-top:1.1rem;color:var(--text);font:400 clamp(1.45rem,2.1vw,2.35rem)/1.08 var(--display-font)}
.about-v6__panel>p{margin-top:1.3rem;color:var(--text-2);font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.65}
.about-v6__panel .about-v6__angel{font-size:clamp(1rem,1.25vw,1.18rem)}
.about-v6__panel .button{margin-top:1.6rem}
.about-v6__signature{min-height:22rem}.about-v6__signature .about-composition__object{height:22rem}

/* Contact line rhythm and native form surfaces. */
.is-v6 .contact__layout{grid-template-columns:minmax(0,.78fr) minmax(35rem,1.22fr);gap:clamp(3rem,5vw,7rem)}
.is-v6 .contact__copy .display-heading--contact-lines{width:100%;font-size:clamp(2.65rem,3.25vw,4.2rem);line-height:.91}
.is-v6 .display-heading--contact-lines>span:nth-child(2){font-size:.94em}.is-v6 .display-heading--contact-lines>span:nth-child(3){font-size:.88em}
.is-v6 .form-grid select{color:var(--text);color-scheme:dark}.is-v6 .form-grid select option{background:#f7f8fb;color:#101827}.is-v6 .project-other[hidden]{display:none}
html.is-v6[data-theme="light"] .form-grid select{color:var(--text);color-scheme:light}
html.is-v6[data-theme="light"] .faq-item:has(button[aria-expanded="true"]) button>b,html.is-v6[data-theme="light"] .faq-item:has(button[aria-expanded="true"]):hover button>b{color:#fff!important}

@media (max-width:64rem){
  .is-v6 .hero__forklift{right:6%;top:24%;width:60vw}.is-v6 .field-label--c{right:10%}
  .experience-loop__summary{width:min(42rem,76vw)}
  .hardware-strip__inner{grid-template-columns:1fr}.hardware-strip__objects img{height:7rem}
  .about-v6{grid-template-columns:1fr 1fr}.about-v6__signature{grid-column:1/-1;grid-row:2}.about-v6__signature .about-composition__object{height:17rem}
  .is-v6 .contact__layout{grid-template-columns:1fr}.is-v6 .contact__copy{max-width:46rem}
}
@media (max-width:42rem){
  .is-v6 .hero__forklift{right:-22%;top:40%;width:102vw}.is-v6 .field-label--a{right:.35rem}.is-v6 .field-label--c{right:4%;bottom:8%}
  .is-v6 .problem{min-height:78rem}.is-v6 .problem-notes article{min-height:0}
  .experience-loop{min-height:100svh}.experience-loop__intro{top:5.4rem}.experience-loop__intro .display-heading{font-size:clamp(2.1rem,8.8vw,3rem)}.experience-loop__intro .display-heading>span{white-space:normal}.experience-loop__words{height:44vh;margin-top:6rem}.experience-loop__word{font-size:clamp(3.5rem,17vw,5.4rem)}.experience-loop__summary{left:1.1rem;right:1.1rem;bottom:1.3rem;width:auto;font-size:.84rem}
  .is-v6 .metrics__head .display-heading{width:100%;font-size:clamp(2.5rem,12vw,3.7rem)}.is-v6 .metrics__head .display-heading>span{white-space:normal}
  .hardware-strip__objects{grid-template-columns:repeat(2,1fr)}
  .about-v6{grid-template-columns:1fr}.about-v6__signature{grid-column:auto;grid-row:auto}.is-v6 .about__head .display-heading{width:100%;font-size:clamp(2.3rem,9vw,3rem)}
  .is-v6 .contact__copy .display-heading--contact-lines{font-size:clamp(1.75rem,7.7vw,2.35rem)}
}
@media (prefers-reduced-motion:reduce){
  .experience-loop__word{display:none;animation:none}.experience-loop__word:first-child{display:block;opacity:1;filter:none;transform:none}.is-v6 .metric-chart .chart-line,.is-v6 .metric-chart .chart-nodes circle,.is-v6 .network-chart circle,.is-v6 .metric-chart .bar-chart rect{animation:none}.js .is-v6 [data-auto-stagger]>*{opacity:1;clip-path:none;transform:none}
}