.research-content{--navy: #071827; --navy2: #0b263d; --ink: #07162f; --blue: #0649ff; --brand: #0649ff; --muted: #5f7289; --line: #dce5ef; --soft: #f6f9fd; --white: #fff; --green: #159b67; --amber: #cc8d14; --red: #d84d4d; --max: 1240px;}
.research-content{box-sizing: border-box;}
.research-content{scroll-behavior: smooth;}
.research-content{margin: 0px; background: rgb(255, 255, 255); color: var(--ink); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; -webkit-font-smoothing: antialiased;}
.research-content a{text-decoration: none; color: inherit;}
.research-content .wrap{width: min(var(--max),calc(100% - 54px)); margin: auto;}
.research-content .ico{width: 1.2em; height: 1.2em; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; vertical-align: -0.2em;}
.research-content .utility{height: 31px; background: rgb(7, 24, 38); color: rgb(255, 255, 255); font-size: 14px; letter-spacing: 0.14em;}
.research-content .utility .wrap{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.research-content .utilright{display: flex; gap: 12px; align-items: center; letter-spacing: 0px;}
.research-content .utilright i{width: 1px; height: 14px; background: rgb(113, 131, 145);}
.research-content .site-header{height: 80px; background: rgba(255, 255, 255, 0.984); border-bottom: 1px solid rgb(232, 238, 245); position: sticky; top: 0px; z-index: 100; backdrop-filter: blur(10px);}
.research-content .nav{height: 100%; display: flex; align-items: center; gap: 28px;}
.research-content .brand{width: 142px; display: flex; flex-direction: column; align-items: flex-start; color: rgb(7, 93, 240); line-height: 1;}
.research-content .brand img{width: 65px; height: 39px; object-fit: contain; margin-left: 7px;}
.research-content .brand strong{font-size: 18px; letter-spacing: -0.03em; margin-top: -3px;}
.research-content .navlinks{display: flex; align-items: center; gap: 27px; margin-left: auto; font-size: 14px;}
.research-content .navlinks a{height: 80px; display: flex; align-items: center; white-space: nowrap; position: relative;}
.research-content .navlinks a.active{color: rgb(7, 93, 240);}
.research-content .navlinks a.active::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: 15px; height: 3px; background: rgb(7, 93, 240);}
.research-content .nav-cta{white-space: nowrap;}
.research-content .menu{display: none; border: 0px; background: none; margin-left: auto;}
.research-content .menu span{display: block; width: 28px; height: 2px; background: rgb(16, 42, 67); margin: 5px;}
.research-content .btn{display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 18px; border-radius: 4px; border: 1px solid var(--blue); background: var(--blue); color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; transition: transform 0.2s, box-shadow 0.2s;}
.research-content .btn:hover{transform: translateY(-1px); box-shadow: rgba(8, 103, 246, 0.18) 0px 10px 25px;}
.research-content .btn.outline{background: rgb(255, 255, 255); color: var(--blue);}
.research-content .link{display: inline-flex; align-items: center; gap: 7px; color: var(--blue); font-weight: 700; font-size: 14px;}
.research-content section{padding: 62px 0px;}
.research-content .eyebrow,.research-content .kicker{font-size: 14px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--blue); margin-bottom: 10px;}
.research-content h1{font-size: 50px; line-height: 0.98; letter-spacing: -0.05em; margin: 0px 0px 14px;}
.research-content h2{font-size: 33px; line-height: 1.04; letter-spacing: -0.038em; margin: 0px 0px 9px;}
.research-content h3{letter-spacing: -0.015em;}
.research-content p{font-size: 14px; line-height: 1.52; color: var(--muted);}
.research-content .lead{font-size: 20px; line-height: 1.14; color: var(--blue); font-weight: 700; letter-spacing: -0.025em;}
.research-content .hero-actions{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px;}
.research-content .card{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 7px;}
.research-content .iconring{width: 54px; height: 54px; border: 1px solid rgb(191, 213, 239); border-radius: 50%; display: grid; place-items: center; color: var(--blue); background: rgb(255, 255, 255);}
.research-content .iconring .ico{width: 27px; height: 27px;}
.research-content .section-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 26px;}
.research-content .section-head p{max-width: 620px; margin-bottom: 0px;}
.research-content .dark{background: var(--navy); color: rgb(255, 255, 255);}
.research-content .dark h2,.research-content .dark h3{color: rgb(255, 255, 255);}
.research-content .dark p{color: rgb(189, 205, 219);}
.research-content .reveal{opacity: 0; transform: translateY(18px); transition: opacity 0.55s, transform 0.55s;}
.research-content .reveal.in{opacity: 1; transform: none;}
.research-content .tilt{transform-style: preserve-3d; transition: transform 0.2s, box-shadow 0.2s;}
.research-content .tilt:hover{box-shadow: rgba(10, 38, 68, 0.11) 0px 14px 34px;}
.research-content .footer{background: rgb(7, 24, 39); color: rgb(213, 224, 233); padding: 46px 0px 18px;}
.research-content .footgrid{display: grid; grid-template-columns: 2.15fr repeat(4, 1fr); gap: 44px;}
.research-content .footgrid h4{font-size: 14px; color: rgb(255, 255, 255); margin: 0px 0px 12px;}
.research-content .footgrid a{display: block; font-size: 14px; margin: 7px 0px;}
.research-content .footbrand p{font-size: 14px; color: rgb(184, 198, 212); max-width: 330px;}
.research-content .footlogo{display: flex; flex-direction: column; color: rgb(255, 255, 255); width: 112px; margin-bottom: 12px;}
.research-content .footlogo img{width: 67px; height: 43px; object-fit: contain;}
.research-content .footlogo strong{font-size: 18px;}
.research-content .copyright{border-top: 1px solid rgba(255, 255, 255, 0.173); margin-top: 32px; padding-top: 18px; display: flex; justify-content: space-between; font-size: 14px; color: rgb(174, 189, 202);}
.research-content .legal{display: flex; gap: 12px; align-items: center;}
@media (max-width: 1100px) {.research-content .navlinks{gap: 14px; font-size: 14px;}
.research-content .nav-cta{display: none;}
.research-content .footgrid{grid-template-columns: 2fr 1fr 1fr;}}
@media (max-width: 820px) {.research-content .utility{display: none;}
.research-content .site-header{height: 68px;}
.research-content .nav{height: 68px;}
.research-content .menu{display: block;}
.research-content .navlinks{display: none; position: absolute; left: 0px; right: 0px; top: 68px; background: rgb(255, 255, 255); padding: 18px 26px; box-shadow: rgba(0, 0, 0, 0.133) 0px 14px 34px; flex-direction: column; align-items: stretch;}
.research-content .navlinks.open{display: flex;}
.research-content .navlinks a{height: auto; padding: 9px 0px;}
.research-content .navlinks a.active::after{display: none;}
.research-content .brand{width: auto;}
.research-content .brand img{width: 50px; height: 30px;}
.research-content .brand strong{font-size: 15px;}
.research-content .wrap{width: min(var(--max),calc(100% - 30px));}
.research-content .section-head{align-items: flex-start; flex-direction: column;}
.research-content h1{font-size: 40px;}
.research-content h2{font-size: 29px;}
.research-content .footgrid{grid-template-columns: 1fr 1fr;}
.research-content .footbrand{grid-column: 1 / -1;}
.research-content .copyright{flex-direction: column; gap: 16px;}}
@media (max-width: 520px) {.research-content section{padding: 46px 0px;}
.research-content .footgrid{grid-template-columns: 1fr;}
.research-content .footbrand{grid-column: auto;}
.research-content .legal{flex-wrap: wrap;}}
.research-content .hero21{padding: 0px; background: rgb(255, 255, 255);}
.research-content .hero21 .grid{display: grid; grid-template-columns: 46% 54%; min-height: 430px;}
.research-content .hero21 .copy{padding: 46px 34px 38px 0px;}
.research-content .hero21 .media{background-image: url("../assets/research/2b727514a21bf9dd0ba4.jpg"); background-size: cover; background-position: center center; position: relative;}
.research-content .hero21 .media::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgb(255, 255, 255) 0%, transparent 18%);}
.research-content .hero21 .sidebadges{position: absolute; right: 24px; top: 30px; z-index: 2; width: 175px; background: rgba(7, 24, 39, 0.85); border: 1px solid rgb(88, 114, 139); border-radius: 9px; padding: 10px 14px;}
.research-content .hero21 .sidebadges div{display: flex; align-items: center; gap: 8px; color: rgb(255, 255, 255); font-size: 14px; padding: 8px 0px; border-bottom: 1px solid rgb(54, 83, 108);}
.research-content .hero21 .sidebadges div:last-child{border: 0px;}
.research-content .hero21 .sidebadges .ico{color: rgb(112, 178, 255); width: 22px; height: 22px;}
.research-content .why21{display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 38px; align-items: center;}
.research-content .benefits{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 20px;}
.research-content .benefit{display: flex; gap: 9px; font-size: 14px; font-weight: 700; color: rgb(52, 75, 100);}
.research-content .benefit .ico{color: var(--blue); width: 23px; height: 23px;}
.research-content .collage21{display: grid; grid-template-columns: 2fr 1fr; gap: 10px; height: 260px;}
.research-content .photo{background-size: cover; background-position: center center; border-radius: 7px;}
.research-content .smallstack{display: grid; grid-template-rows: repeat(3, 1fr); gap: 9px;}
.research-content .flow21{display: grid; grid-template-columns: repeat(7, 1fr); gap: 16px; position: relative;}
.research-content .flow21::before{content: ""; position: absolute; left: 4%; right: 4%; top: 47px; height: 2px; background: rgb(155, 197, 242);}
.research-content .stage21{text-align: center; z-index: 2;}
.research-content .stagepic{height: 80px; border-radius: 5px; background-size: cover; background-position: center center; border: 1px solid rgb(221, 230, 239);}
.research-content .stage21 h3{font-size: 14px; margin: 8px 0px 3px;}
.research-content .stage21 p{font-size: 14px; margin: 0px;}
.research-content .programs21{display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px;}
.research-content .program21{padding: 17px; min-height: 185px;}
.research-content .program21 .num{font-size: 14px; color: var(--blue); font-weight: 800;}
.research-content .program21 .ico{width: 28px; height: 28px; color: var(--blue); margin: 8px 0px;}
.research-content .program21 h3{font-size: 14px; margin: 0px 0px 6px;}
.research-content .program21 p{font-size: 14px; margin: 0px;}
.research-content .global21{padding: 0px; background: rgb(6, 24, 39); color: rgb(255, 255, 255);}
.research-content .globalgrid{display: grid; grid-template-columns: 43% 57%; min-height: 270px;}
.research-content .globalcopy{padding: 40px 30px 30px 0px;}
.research-content .globalcopy h2{color: rgb(255, 255, 255);}
.research-content .globalcopy p{color: rgb(191, 208, 221);}
.research-content .globalpoints{display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 20px;}
.research-content .globalpoint{display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 700; color: rgb(255, 255, 255);}
.research-content .globalpoint .ico{color: rgb(69, 165, 255); width: 24px; height: 24px;}
.research-content .world21{background-image: url("../assets/research/fa2c89f2a9015130b031.jpg"); background-size: cover; background-position: center center;}
.research-content .questions21{display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px;}
.research-content .q21{padding: 17px; min-height: 130px;}
.research-content .q21 .ico{width: 27px; height: 27px; color: var(--blue); float: left; margin-right: 12px;}
.research-content .q21 h3{font-size: 14px; margin: 0px 0px 6px;}
.research-content .q21 p{font-size: 14px; margin: 0px;}
.research-content .topicstrip21{display: grid; grid-template-columns: repeat(5, 1fr); gap: 11px;}
.research-content .topic21{overflow: hidden;}
.research-content .topicphoto21{height: 105px; background-size: cover; background-position: center center;}
.research-content .topicbody21{padding: 10px;}
.research-content .topicbody21 h3{font-size: 14px; margin: 0px;}
.research-content .outputs21{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
.research-content .output21{padding: 16px; display: grid; grid-template-columns: 36px 1fr; gap: 10px;}
.research-content .output21 .ico{width: 28px; height: 28px; color: var(--blue);}
.research-content .output21 h3{font-size: 14px; margin: 0px 0px 4px;}
.research-content .output21 p{font-size: 14px; margin: 0px;}
.research-content .impact21{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
.research-content .impactphoto21{height: 110px; background-size: cover; background-position: center center; border-radius: 5px;}
.research-content .impact21 h3{font-size: 14px; margin: 8px 0px 0px;}
.research-content .boundary21{background: rgb(237, 246, 255); padding: 30px 0px;}
.research-content .boundarygrid21{display: grid; grid-template-columns: 90px 0.8fr 1.4fr; gap: 24px; align-items: center;}
.research-content .shieldbox{width: 75px; height: 75px; border-radius: 10px; background: rgb(255, 255, 255); display: grid; place-items: center; color: var(--blue);}
.research-content .shieldbox .ico{width: 38px; height: 38px;}
.research-content .boundarygrid21 h2{font-size: 22px;}
@media (max-width: 900px) {.research-content .hero21 .grid,.research-content .why21,.research-content .globalgrid{grid-template-columns: 1fr;}
.research-content .hero21 .media{min-height: 340px;}
.research-content .flow21{grid-template-columns: repeat(3, 1fr);}
.research-content .flow21::before{display: none;}
.research-content .programs21{grid-template-columns: repeat(2, 1fr);}
.research-content .questions21{grid-template-columns: 1fr;}
.research-content .topicstrip21,.research-content .impact21{grid-template-columns: repeat(2, 1fr);}
.research-content .boundarygrid21{grid-template-columns: 1fr;}}
@media (max-width: 560px) {.research-content .benefits,.research-content .programs21,.research-content .flow21,.research-content .topicstrip21,.research-content .outputs21,.research-content .impact21{grid-template-columns: 1fr;}
.research-content .collage21{grid-template-columns: 1fr; height: auto;}
.research-content .collage21 > .photo{min-height: 220px;}
.research-content .smallstack{grid-template-columns: repeat(3, 1fr); grid-template-rows: none; height: 100px;}}