/* Three contributions meet at one point and continue as one transformed wave. */
.integration-art{min-height:0;display:flex;align-items:center;background:var(--paper);border:1px solid var(--line)}
.integration-art>img{top:28%;height:42.5%;filter:brightness(.67) saturate(.9);opacity:1;object-position:44% 55%}
.integration-art::after{content:'';position:absolute;top:28%;height:42.5%;left:0;right:0;background:linear-gradient(180deg,rgba(21,21,21,.04),rgba(21,21,21,.2));pointer-events:none}
.integration-map{position:relative;width:100%;aspect-ratio:600/660;z-index:1;color:var(--ink);isolation:isolate}
.integration-overline{position:absolute;top:4.5%;left:7%;right:7%;max-width:none;font-size:9px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:var(--green)}
.integration-flows{position:absolute;inset:0;width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.integration-flows path,.integration-flows circle{vector-effect:non-scaling-stroke}
.integration-sources{position:absolute;inset:0;z-index:2;pointer-events:none}
.integration-source{position:absolute;top:10%;left:20%;transform:translateX(-50%);width:26%;text-align:left;pointer-events:auto;border-top:1px solid var(--line);padding:14px 0 0;background:transparent;color:var(--ink)}
.integration-source.source-1{left:50%}.integration-source.source-2{left:80%}
.source-number{display:block;font-size:10px;line-height:1;color:var(--orange);letter-spacing:.04em}
.integration-source strong{display:block;font-size:clamp(20px,2.1vw,29px);line-height:1.15;font-weight:500;letter-spacing:-.035em;margin-top:14px}
.integration-source small{display:block;font-size:12px;line-height:1.3;min-height:2.6em;color:var(--muted);margin-top:7px}
.integration-source[aria-selected="true"]{border-top:2px solid var(--orange);padding-top:13px}
.integration-source:hover strong{color:var(--green)}
.gesture-guide{fill:none;stroke:var(--mint)}
.gesture-light{fill:none;stroke:var(--paper)}
.shared-wave{fill:none;stroke:var(--mint)}
.wave-light{fill:none;stroke:var(--paper)}
.shared-spark{fill:var(--orange);stroke:none}
.coherence-word{position:absolute;top:48%;left:50%;width:90%;transform:translate(-50%,-50%);text-align:center;z-index:2;pointer-events:none}
.coherence-word>span{font-family:Ivy,Georgia,serif;font-size:clamp(23px,2.1vw,29px);line-height:1.2;color:var(--paper)}
.system-word{display:flex;flex-direction:column;align-items:center;gap:7px}.system-word>small{font-size:10px;letter-spacing:.13em;text-transform:uppercase;line-height:1.3;color:var(--mint)}html[lang="es"] .system-word{flex-direction:column-reverse}
.action-link,.direction-tip{fill:none;stroke:var(--green);stroke-width:1;stroke-opacity:.6}
.execution-rule{fill:none;stroke:var(--green);stroke-width:1;stroke-opacity:.4}
.integration-agency,.integration-execution{position:absolute;left:8%;right:8%;text-align:center;z-index:2;pointer-events:none}
.integration-agency{top:73.5%}.integration-execution{top:87%}
.integration-agency strong{font-size:21px;line-height:1.3;font-weight:500;display:block;color:var(--ink)}
.integration-agency span{font-size:11px;line-height:1.5;display:block;color:var(--muted);margin-top:3px}
.integration-execution strong{font-size:25px;line-height:1.3;font-weight:500;display:block;color:var(--green);letter-spacing:-.025em}
.integration-execution span{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:7px}
.integration-art.is-paused *{animation-play-state:paused!important}
.integration-motion{position:absolute;bottom:14px;right:14px;z-index:3;width:32px;height:32px;display:grid;place-items:center;color:var(--green);background:transparent;border:1px solid var(--line);border-radius:50%}
.integration-motion svg{width:16px;height:16px;stroke-width:1.2}
.explorer-copy{padding-top:35px}.explorer-copy>.eyebrow{font-size:10px;max-width:36ch;line-height:1.6;margin-bottom:0}.intelligence-detail{padding-top:32px}.intelligence-detail>p:not(.eyebrow){max-width:55ch}
.vision-statement{display:grid;grid-template-columns:.6fr 1.4fr;gap:8vw;margin-top:70px;padding-top:35px;border-top:1px solid var(--line)}
.vision-statement>p:last-child{font-family:Ivy,Georgia,serif;font-size:clamp(28px,3vw,40px);line-height:1.3;color:var(--green);max-width:37ch}
@keyframes contribution-arrive{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(max-width:1100px){.intelligence-explorer{grid-template-columns:1fr}.integration-art{justify-content:center}.integration-map{max-width:620px}.integration-source strong{font-size:22px}.integration-source small{font-size:11px}.integration-overline{font-size:8px}}
@media(max-width:860px){.integration-source strong{font-size:27px}.intelligence-detail{min-height:330px}.vision-statement{grid-template-columns:.6fr 1.4fr;gap:6vw}}
@media(max-width:600px){.integration-source{top:7%;padding-top:7px}.integration-source[aria-selected="true"]{padding-top:6px}.integration-source strong{font-size:clamp(16px,5vw,25px);margin-top:6px}.source-number{font-size:9px}.integration-source small{font-size:9px;margin-top:4px}.integration-overline{top:2%;font-size:7px}.coherence-word>span{font-size:clamp(19px,4.8vw,25px)}.system-word{gap:5px}.system-word>small{font-size:8px}.integration-agency strong{font-size:17px}.integration-agency span{font-size:9px;margin-top:2px}.integration-execution strong{font-size:19px}.integration-execution span{font-size:9px;margin-top:5px}.integration-motion{width:28px;height:28px;right:10px;bottom:10px}.intelligence-detail{min-height:330px}.intelligence-detail>p:not(.eyebrow){font-size:16px}.vision-statement{grid-template-columns:1fr;gap:6px;margin-top:55px;padding-top:27px}.vision-statement>p:last-child{font-size:30px;max-width:35ch}}
@media(max-width:380px){.integration-source{top:6.5%;padding-top:4px}.integration-source[aria-selected="true"]{padding-top:3px}.source-number{font-size:8px}.integration-source strong{margin-top:4px}.integration-source small{font-size:8px;margin-top:2px}.integration-agency strong{font-size:15px}.integration-agency span{font-size:8px}.integration-execution strong{font-size:17px}.integration-execution span{font-size:8px;margin-top:4px}}
@media(min-width:601px) and (max-width:700px){.integration-source{top:9%;padding-top:12px}.integration-source[aria-selected="true"]{padding-top:11px}.integration-source strong{font-size:25px;margin-top:12px}.integration-source small{font-size:10px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.gesture-light,.wave-light{animation:none!important;opacity:0}.gesture-guide{transition:none}.integration-motion{display:none}}
