/* INA motion: all copy remains visible if scripting or animation is unavailable. */
.hero:after{display:none!important}
.hero .opening-copy{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(300px,1fr);gap:28px;align-items:center;padding-top:36px;padding-bottom:26px}
.opening-message{min-width:0}
.hero .opening-copy h1{font-size:66px;font-size:clamp(42px,4.9vw,66px);line-height:1.08;max-width:11em;letter-spacing:-.035em}
.hero .opening-copy .lead{font-size:18px;line-height:1.65;max-width:36em;margin-top:24px}
.hero #scn{padding-bottom:26px}
.hero #scn .tag{background:#127653}
.ina-network-field{position:relative;margin:0;min-width:0;height:460px;isolation:isolate;overflow:hidden;border-radius:42% 42% 24px 24px;background:radial-gradient(ellipse at 48% 48%,#eaf5f0 0%,#f5f8fb 43%,#fff 72%)}
.ina-network-field:before{content:"";position:absolute;inset:13% 4% 16%;border-radius:50%;border:1px solid #dfe8ec;transform:rotate(-18deg) scaleY(.88);pointer-events:none}
.ina-network-field:after{content:"";position:absolute;inset:25% -2% 25%;border-radius:50%;border:1px solid #e9e5d9;transform:rotate(25deg) scaleY(.7);pointer-events:none}
.ina-network-canvas,.ina-network-fallback{position:absolute;left:8px;top:12px;width:calc(100% - 16px);height:calc(100% - 80px);z-index:1;pointer-events:none}
.ina-network-canvas{opacity:0;transition:opacity .5s}
.canvas-ready .ina-network-canvas{opacity:1}
.ina-network-fallback{opacity:.8}
.canvas-ready .ina-network-fallback{opacity:0}
.ina-network-caption{position:absolute;bottom:46px;left:16px;right:16px;text-align:center;font:600 12px/1.6 system-ui,sans-serif;letter-spacing:.03em;color:#304f64;z-index:2}
.ina-network-caption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#16845d;margin-right:6px;box-shadow:0 0 0 4px #16845d12}
.ina-motion-controls{position:absolute;bottom:7px;left:8px;right:8px;display:flex;justify-content:center;align-items:center;z-index:3;gap:8px}
.ina-motion-controls button{font:500 10px/1.4 system-ui,sans-serif;min-height:32px;border:1px solid #d4dfe5;background:#fff;color:#456072;padding:7px 11px;border-radius:20px;cursor:pointer}
.ina-motion-controls button:hover{background:#f0f6f5;border-color:#85ad9d}
.ina-motion-controls button:focus-visible{outline:3px solid #536bb0;outline-offset:3px}
.ina-motion-controls button:disabled{opacity:.4;cursor:default}
.chakra-motion{animation-duration:22s}
.ina-mini-wheels .chakra-motion{animation-duration:12s}
.ina-mini-wheels .reverse{animation-duration:17s}
.ina-mini-wheels .slow{animation-duration:23s}
html.ina-motion-ready[data-ina-motion=full] .opening-message h1>span{animation:ina-opening-title .85s cubic-bezier(.2,.7,.2,1) both}
html.ina-motion-ready[data-ina-motion=full] .opening-message h1>span:nth-child(2){animation-delay:.16s;background-size:180% 100%;animation-name:ina-opening-title,ina-tricolor-light;animation-duration:.85s,9s;animation-delay:.16s,1.1s;animation-timing-function:cubic-bezier(.2,.7,.2,1),ease-in-out;animation-iteration-count:1,infinite}
html.ina-motion-ready[data-ina-motion=full] .ina-network-caption i{animation:ina-signal 3s ease-in-out infinite}
html.ina-motion-ready[data-ina-motion=full] [data-ina-reveal]{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--ina-reveal-delay,0ms)}
html.ina-motion-ready[data-ina-motion=full] [data-ina-reveal]:not(.ina-revealed){opacity:.22;transform:translateY(26px)}
html.ina-motion-ready[data-ina-motion=full] .question-step.is-active .q{animation:ina-question-arrive .75s cubic-bezier(.2,.7,.2,1) both}
html.ina-motion-ready[data-ina-motion=full] .participation.is-visible .pan-top svg{animation:ina-participant-float 5s ease-in-out infinite}
html.ina-motion-ready[data-ina-motion=full] .participation.is-visible .pan.p .pan-top svg{animation-delay:-2.5s}
.ina-motion-ready .voice-mic{opacity:.16}
.ina-motion-ready .voice-wave{stroke-width:2}
.ina-motion-ready .decentral-network path{animation-duration:8s}
html[data-ina-motion=paused] *,html[data-ina-motion=paused] *:before,html[data-ina-motion=paused] *:after{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important}
html[data-ina-motion=paused] h1 span,html[data-ina-motion=paused] [data-ina-reveal]{opacity:1!important;transform:none!important}
html[data-ina-motion=paused] .question-step .q{opacity:1;transform:none}
html[data-ina-motion=paused] .mc{opacity:1!important;transform:none!important}
@keyframes ina-opening-title{from{opacity:.2;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes ina-tricolor-light{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes ina-signal{0%,100%{box-shadow:0 0 0 3px #16845d10}50%{box-shadow:0 0 0 7px #16845d05}}
@keyframes ina-question-arrive{from{opacity:.35;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes ina-participant-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1000px){.hero .opening-copy{gap:12px}.hero .opening-copy h1{font-size:50px}.ina-network-field{height:410px}.hero .opening-copy .lead{font-size:16px}}
@media(max-width:860px){.hero .opening-copy{display:flex;flex-direction:column;gap:0;padding-top:26px;padding-bottom:20px}.opening-message{display:contents}.opening-message h1{order:0;width:100%;max-width:18em!important;font-size:52px!important}.ina-network-field{order:1;width:100%;max-width:480px;height:345px;margin:12px auto 4px}.opening-message .lead{order:2;width:100%;max-width:none!important;margin:20px 0 0!important}.hero #scn .wrap{gap:9px}}
@media(max-width:560px){.hero .opening-copy h1{font-size:36px!important;line-height:1.12;max-width:11em!important}.ina-network-field{height:280px;max-width:390px;margin-top:6px}.hero .opening-copy .lead{font-size:16px!important;line-height:1.6}.ina-network-caption{font-size:11px}.ina-motion-controls button{font-size:10px}.hero #scn p{font-size:16px}.hero #scn small{font-size:13px}.hero #scn .tag{font-size:11px;padding:7px 12px}}
@media(max-height:500px) and (min-width:600px){.hero .opening-copy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);gap:16px}.opening-message{display:block}.hero .opening-copy h1{font-size:36px!important}.ina-network-field{height:300px;order:0}.hero .opening-copy .lead{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){html:not([data-ina-motion=full]) .ina-network-canvas{transition:none}html:not([data-ina-motion=full]) [data-ina-reveal]{opacity:1;transform:none}}
