.opora-contribution{background:#071a42;color:#fff;display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:70px;align-items:center;overflow:hidden}.opora-contribution h2 em,.opora-architecture h2 em,.opora-impact h2 em{color:#9cc8ff}.opora-contribution__copy>p:last-child{color:#c4d8ff;max-width:650px;margin-top:34px;min-height:92px}.opora-orbit{position:relative;min-height:620px;border-radius:50%;background:radial-gradient(circle,#3a77ff36 0 20%,transparent 21% 38%,#80b9ff25 39% 39.5%,transparent 40% 60%,#80b9ff18 61% 61.5%,transparent 62%);animation:opora-breathe 5s ease-in-out infinite}.opora-orbit__signal{position:absolute;inset:50% auto auto 50%;width:170px;aspect-ratio:1;border:1px solid #8bc4ff;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 0 45px #1568ff88,inset 0 0 30px #2c78ff66}.opora-orbit__signal i{position:absolute;inset:22%;border-radius:50%;background:#ffcd58;box-shadow:0 0 45px #ffcf68;animation:opora-pulse 2.4s ease-in-out infinite}.opora-orbit__signal b{position:relative;color:#071a42;font-size:12px;letter-spacing:.15em}.opora-orbit button{position:absolute;width:170px;min-height:72px;padding:14px 18px;border:1px solid #8eb8ff66;border-radius:999px;background:#153a81cc;color:#fff;font:700 12px/1 Arial;letter-spacing:.09em;cursor:pointer;backdrop-filter:blur(12px);transition:.35s transform,.35s background,.35s box-shadow}.opora-orbit button span{display:block;color:#8fc4ff;font-size:10px;margin-bottom:8px}.opora-orbit button:nth-of-type(1){top:2%;left:50%;transform:translateX(-50%)}.opora-orbit button:nth-of-type(2){top:27%;right:1%}.opora-orbit button:nth-of-type(3){bottom:8%;right:13%}.opora-orbit button:nth-of-type(4){bottom:8%;left:13%}.opora-orbit button:nth-of-type(5){top:27%;left:1%}.opora-orbit button:hover,.opora-orbit button:focus-visible,.opora-orbit button.is-active{background:#ffca55;color:#0a2852;box-shadow:0 0 28px #ffca5570;transform:scale(1.07)}.opora-orbit button:nth-of-type(1):hover,.opora-orbit button:nth-of-type(1):focus-visible,.opora-orbit button:nth-of-type(1).is-active{transform:translateX(-50%) scale(1.07)}
.opora-architecture{background:#f5f8ff;color:#102a52}.opora-architecture h2{max-width:1000px;margin:25px 0 60px}.argument-path{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.argument-path button{min-height:220px;padding:25px;border:1px solid #9ab8e8;border-radius:28px;background:#eef4ff;color:#102a52;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.4s transform,.4s background,.4s color,.4s box-shadow}.argument-path span{font-size:12px;letter-spacing:.16em}.argument-path b{font-size:clamp(20px,2vw,31px)}.argument-path small{font-size:14px}.argument-path button:hover,.argument-path button:focus-visible,.argument-path button.is-active{background:#1251ef;color:#fff;transform:translateY(-12px) rotate(-1deg);box-shadow:0 20px 40px #174db33a}.argument-path button:nth-child(even):hover,.argument-path button:nth-child(even):focus-visible,.argument-path button:nth-child(even).is-active{transform:translateY(-12px) rotate(1deg)}.argument-status{margin:35px 0 0;padding-top:25px;border-top:1px solid #aac0e4;color:#36547f}.opora-impact{background:#dce9ff;display:grid;grid-template-columns:.75fr 1.6fr;gap:70px}.opora-impact>div>p{max-width:740px;color:#3d587e;margin:30px 0 48px}.audience-pulse{display:flex;flex-wrap:wrap;gap:11px}.audience-pulse span{padding:13px 18px;border-radius:999px;background:#1251ef;color:#fff;font-size:12px;letter-spacing:.1em;animation:opora-chip 3.5s ease-in-out infinite}.audience-pulse span:nth-child(2){animation-delay:.35s}.audience-pulse span:nth-child(3){animation-delay:.7s}.audience-pulse span:nth-child(4){animation-delay:1.05s}.outro{min-height:75vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.outro:before{content:'';position:absolute;width:44vw;aspect-ratio:1;border:1px solid #82b3ff;border-radius:50%;right:-7vw;top:50%;transform:translateY(-50%);box-shadow:0 0 0 5vw #ffffff08,0 0 0 10vw #ffffff06;animation:opora-turn 18s linear infinite}.outro>*{position:relative}.outro .cta{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;width:min(100%,470px);overflow:hidden;transition:.35s transform,.35s box-shadow}.outro .cta b{font-size:24px;transition:.35s transform}.outro .cta:hover,.outro .cta:focus-visible{transform:translateY(-5px);box-shadow:0 18px 35px #001a6880}.outro .cta:hover b,.outro .cta:focus-visible b{transform:rotate(45deg) scale(1.25)}
@keyframes opora-pulse{50%{transform:scale(.72);opacity:.76}}@keyframes opora-breathe{50%{filter:drop-shadow(0 0 28px #4f91ff55)}}@keyframes opora-chip{50%{transform:translateY(-5px)}}@keyframes opora-turn{to{rotate:360deg}}@media(max-width:850px){.opora-contribution,.opora-impact{grid-template-columns:1fr;gap:35px}.opora-orbit{min-height:540px}.argument-path{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.opora-orbit{min-height:470px;margin-inline:-4%}.opora-orbit button{width:125px;min-height:60px;font-size:10px}.opora-orbit__signal{width:125px}.opora-orbit button:nth-of-type(2){right:-3%}.opora-orbit button:nth-of-type(5){left:-3%}.argument-path{grid-template-columns:1fr}.argument-path button{min-height:145px}.outro{min-height:68vh}}@media(prefers-reduced-motion:reduce){.opora-orbit,.opora-orbit__signal i,.audience-pulse span,.outro:before{animation:none}.opora-orbit button,.argument-path button,.outro .cta{transition:none}}

.opora-impact{grid-template-columns:minmax(330px,.85fr) minmax(0,1.35fr);align-items:center}.opora-impact>.label{grid-column:1;align-self:end}.opora-impact>div:not(.impact-signal){grid-column:2;grid-row:1/3}.impact-signal{--signal-x:0deg;--signal-y:0deg;position:relative;grid-column:1;grid-row:2;width:min(34vw,500px);aspect-ratio:1;margin-top:24px;display:grid;place-items:center;perspective:1000px;transform:rotateX(var(--signal-x)) rotateY(var(--signal-y));transform-style:preserve-3d;transition:transform .18s ease-out}.impact-signal__rings,.impact-signal__rings i{position:absolute;inset:8%;border:1px solid #1251ef3c;border-radius:50%;animation:impact-spin 14s linear infinite}.impact-signal__rings i:first-child{inset:14%;border-style:dashed;animation:impact-spin 9s linear infinite reverse}.impact-signal__rings i:nth-child(2){inset:30%;border-color:#1251ef66;animation:impact-spin 6s linear infinite}.impact-signal__rings i:nth-child(3){inset:43%;background:#1251ef0e;border-color:#1251ef99;box-shadow:0 0 55px #1251ef2e;animation:impact-breathe 2.5s ease-in-out infinite}.impact-signal__core{position:relative;z-index:3;width:31%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #77a6ff;background:linear-gradient(145deg,#0c3dc4,#1760ff);color:#fff;clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%);box-shadow:0 24px 55px #124ab15c;transform:translateZ(55px);transition:transform .45s,background .45s}.impact-signal__core small{max-width:86%;overflow:hidden;text-overflow:ellipsis;font-size:8px;letter-spacing:.12em}.impact-signal__core strong{font-size:clamp(20px,3vw,40px);line-height:1}.impact-signal__core span{color:#b8f1ff;font-size:23px}.impact-signal.is-pulsing .impact-signal__core{transform:translateZ(85px) scale(1.08);background:linear-gradient(145deg,#1056ff,#00bde9)}.impact-signal__nodes button{position:absolute;width:112px;min-height:38px;border:1px solid #1251ef4d;border-radius:0;background:#eef4ff;color:#123262;font-size:9px;font-weight:800;letter-spacing:.1em;box-shadow:0 10px 24px #174db31c;transition:transform .3s,background .3s,color .3s}.impact-signal__nodes button:nth-child(1){left:0;top:21%}.impact-signal__nodes button:nth-child(2){right:0;top:21%}.impact-signal__nodes button:nth-child(3){left:0;bottom:18%}.impact-signal__nodes button:nth-child(4){right:0;bottom:18%}.impact-signal__nodes button:hover,.impact-signal__nodes button.is-active{transform:translateZ(35px) scale(1.08);background:#1251ef;color:#fff;box-shadow:0 16px 32px #174db34d}.impact-signal>p{position:absolute;bottom:-4px;margin:0;color:#36547f;font-size:8px;letter-spacing:.15em}.audience-pulse span.is-signal-active{background:#0c2f71;box-shadow:0 0 0 4px #80b5ff,0 0 30px #1251ef66}.argument-path button:not(.is-active):not(:hover):not(:focus-visible){transform:none;background:#eef4ff;color:#102a52;box-shadow:none}
@keyframes impact-spin{to{transform:rotate(360deg)}}@keyframes impact-breathe{50%{transform:scale(.84);box-shadow:0 0 85px #1251ef62}}
@media(max-width:850px){.opora-impact{grid-template-columns:1fr}.opora-impact>.label,.opora-impact>div:not(.impact-signal),.impact-signal{grid-column:1;grid-row:auto}.impact-signal{width:min(88vw,480px);margin:0 auto 30px}}@media(max-width:560px){.impact-signal__nodes button{width:96px;font-size:8px}}@media(prefers-reduced-motion:reduce){.impact-signal,.impact-signal__rings,.impact-signal__rings i{animation:none!important;transition:none!important}}

/* Keep intrinsic text widths and animated decoration inside the case viewport. */
html,body{max-width:100%;overflow-x:clip}
main,section,section>div,.caption>*{min-width:0}
@media(max-width:850px){
 .opora-contribution,.opora-impact{grid-template-columns:minmax(0,1fr)}
 .impact-signal{width:min(100%,480px);max-width:100%}
}
@media(max-width:700px){
 .context,.caption{grid-template-columns:minmax(0,1fr)}
 h1{font-size:clamp(36px,8.8vw,61px)}
 h2{font-size:clamp(28px,7.4vw,48px)}
 h1,h2,header,footer{overflow-wrap:anywhere}
 header>a{flex-shrink:0}header>span{min-width:0;text-align:right}
}