.research-content{--navy: #061525; --navy2: #0a2239; --ink: #071a33; --blue: #0649ff; --blue2: #0649ff; --muted: #60728b; --line: #dce5ef; --soft: #f6f9fd; --white: #fff; --max: 1240px;}
.research-content{box-sizing: border-box;}
.research-content{scroll-behavior: smooth;}
.research-content{margin: 0px; font-family: Inter, Arial, Helvetica, sans-serif; color: var(--ink); background: rgb(255, 255, 255); -webkit-font-smoothing: antialiased;}
.research-content a{color: inherit; text-decoration: none;}
.research-content .wrap{width: min(var(--max),calc(100% - 52px)); margin: auto;}
.research-content .skip{position: fixed; left: 12px; top: -60px; z-index: 999; background: rgb(255, 255, 255); padding: 10px 14px;}
.research-content .skip:focus{top: 10px;}
.research-content .icon{width: 1.25em; height: 1.25em; 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-inner{height: 31px; display: flex; align-items: center; justify-content: space-between;}
.research-content .util-links{display: flex; align-items: center; gap: 12px; letter-spacing: 0px;}
.research-content .util-links span{width: 1px; height: 14px; background: rgb(140, 160, 180);}
.research-content .util-links .icon{font-size: 14px;}
.research-content .site-header{height: 80px; background: rgba(255, 255, 255, 0.97); border-bottom: 1px solid rgb(237, 241, 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: 64px; height: 38px; object-fit: contain; margin-left: 8px;}
.research-content .brand strong{font-size: 18px; letter-spacing: -0.03em; margin-top: -2px;}
.research-content .navlinks{display: flex; align-items: center; gap: 29px; margin-left: auto; font-size: 14px;}
.research-content .navlinks a{height: 80px; display: flex; align-items: center; gap: 5px; white-space: nowrap; position: relative;}
.research-content .navlinks a.active{color: rgb(7, 93, 240);}
.research-content .navlinks a.active::after{content: ""; position: absolute; bottom: 15px; left: 0px; right: 0px; height: 3px; background: rgb(7, 93, 240);}
.research-content .navlinks b{font-size: 14px; font-weight: 400; color: rgb(85, 102, 119);}
.research-content .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--blue); color: rgb(255, 255, 255); border: 1px solid var(--blue); border-radius: 4px; padding: 13px 18px; font-size: 14px; font-weight: 700; transition: transform 0.2s, box-shadow 0.2s, background 0.2s;}
.research-content .btn:hover{transform: translateY(-1px); box-shadow: rgba(8, 103, 246, 0.18) 0px 10px 24px;}
.research-content .btn.outline{background: rgb(255, 255, 255); color: var(--blue);}
.research-content .btn.dark-outline{background: transparent; border-color: rgb(90, 123, 160);}
.research-content .nav-cta{padding: 13px 20px; white-space: nowrap;}
.research-content .menu-btn{display: none; border: 0px; background: none; width: 38px;}
.research-content .menu-btn span{display: block; height: 2px; background: rgb(16, 41, 65); margin: 6px 0px;}
.research-content .hero{position: relative; overflow: hidden; border-bottom: 1px solid var(--line);}
.research-content .hero-grid{display: grid; grid-template-columns: minmax(0px, 46%) minmax(0px, 54%); min-height: 430px;}
.research-content .hero-copy{padding: 48px 22px 42px 0px; position: relative; z-index: 2;}
.research-content .eyebrow{font-size: 14px; font-weight: 800; letter-spacing: 0.15em; color: var(--blue); text-transform: uppercase; margin-bottom: 11px;}
.research-content .hero h1{font-size: 49px; line-height: 0.98; letter-spacing: -0.046em; margin: 0px 0px 14px; color: rgb(5, 20, 45);}
.research-content .hero h1 em{font-style: normal; color: var(--blue);}
.research-content .hero p{font-size: 18px; line-height: 1.38; color: rgb(82, 100, 125); max-width: 620px; margin: 0px 0px 22px;}
.research-content .hero-actions{display: flex; gap: 12px; flex-wrap: wrap;}
.research-content .hero-visual{position: relative; min-height: 430px; background-position: center center; background-size: cover;}
.research-content .hero-visual::before{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.54) 18%, rgba(2, 18, 34, 0.04) 52%, rgba(2, 18, 34, 0.35) 100%);}
.research-content .hero-visual::after{content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 52% 48%, transparent 20%, rgba(0, 62, 148, 0.08) 55%, rgba(1, 17, 34, 0.32) 100%);}
.research-content .hero-note{position: absolute; right: 38px; top: 44px; color: white; font-size: 14px; line-height: 1.55; letter-spacing: 0.18em; font-weight: 700; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px;}
.research-content .hero-stats{position: absolute; left: 31%; right: 5%; bottom: 18px; display: grid; grid-template-columns: repeat(3, 1fr); z-index: 2; color: rgb(255, 255, 255);}
.research-content .hero-stats div{text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.35); padding: 4px 10px;}
.research-content .hero-stats div:first-child{border-left: 0px;}
.research-content .hero-stats strong{display: block; font-size: 25px; line-height: 1;}
.research-content .hero-stats span{font-size: 14px; letter-spacing: 0.14em; text-transform: uppercase;}
.research-content section{padding: 62px 0px;}
.research-content .section-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 28px;}
.research-content .section-head h2,.research-content .split-copy h2{font-size: 34px; line-height: 1.04; letter-spacing: -0.035em; margin: 0px; color: rgb(7, 22, 46);}
.research-content .section-head p,.research-content .split-copy p{font-size: 15px; line-height: 1.55; color: var(--muted); max-width: 660px; margin: 8px 0px 0px;}
.research-content .kicker{font-size: 14px; font-weight: 800; letter-spacing: 0.16em; color: var(--blue); text-transform: uppercase; margin-bottom: 9px;}
.research-content .text-link{color: var(--blue); font-weight: 700; font-size: 14px; display: inline-flex; gap: 7px; align-items: center;}
.research-content .card{border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 7px;}
.research-content .reveal{opacity: 0; transform: translateY(18px); transition: opacity 0.6s, transform 0.6s;}
.research-content .reveal.in{opacity: 1; transform: none;}
.research-content .dark-band{background: linear-gradient(112deg, rgb(7, 24, 39), rgb(11, 37, 59)); color: white; position: relative; overflow: hidden;}
.research-content .dark-band::after{content: ""; position: absolute; right: -80px; top: -100px; width: 470px; height: 470px; border-radius: 50%; background: radial-gradient(circle, rgba(33, 117, 255, 0.22), transparent 65%); pointer-events: none;}
.research-content .dark-band h2{color: white;}
.research-content .dark-band p{color: rgb(192, 208, 223);}
.research-content .icon-ring{width: 52px; height: 52px; border: 1px solid rgb(191, 211, 234); border-radius: 50%; display: grid; place-items: center; color: var(--blue); background: white;}
.research-content .icon-ring .icon{width: 27px; height: 27px;}
.research-content .footer{background: rgb(7, 24, 39); color: rgb(212, 224, 235); padding: 48px 0px 18px;}
.research-content .footgrid{display: grid; grid-template-columns: 2.3fr repeat(4, 1fr); gap: 46px;}
.research-content .footgrid h4{color: rgb(255, 255, 255); font-size: 14px; margin: 0px 0px 12px;}
.research-content .footgrid a{display: block; font-size: 14px; color: rgb(212, 224, 235); margin: 7px 0px;}
.research-content .foot-brand p{font-size: 14px; line-height: 1.6; max-width: 330px; color: rgb(184, 198, 212);}
.research-content .foot-lockup{display: flex; flex-direction: column; width: 110px; color: rgb(255, 255, 255); margin-bottom: 13px;}
.research-content .foot-lockup img{width: 67px; height: 43px; object-fit: contain;}
.research-content .foot-lockup strong{font-size: 18px; letter-spacing: -0.03em;}
.research-content .copyright{border-top: 1px solid rgba(255, 255, 255, 0.18); margin-top: 34px; padding-top: 18px; display: flex; justify-content: space-between; font-size: 14px; color: rgb(174, 189, 202);}
.research-content .legal{display: flex; align-items: center; gap: 12px;}
.research-content .legal b{font-size: 14px; color: rgb(255, 255, 255);}
.research-content .filterbar{border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 14px 0px; background: rgb(255, 255, 255); position: sticky; top: 80px; z-index: 40;}
.research-content .filters{display: flex; gap: 12px; align-items: center;}
.research-content .filters input,.research-content .filters select{height: 42px; border: 1px solid var(--line); border-radius: 4px; padding: 0px 13px; color: rgb(50, 71, 96); background: rgb(255, 255, 255); min-width: 180px;}
.research-content .filters .searchbox{position: relative; flex: 1 1 0%;}
.research-content .filters .searchbox input{width: 100%; padding-left: 40px;}
.research-content .filters .searchbox .icon{position: absolute; left: 13px; top: 11px; color: rgb(119, 136, 153);}
.research-content .pill{display: inline-flex; padding: 6px 10px; border-radius: 999px; background: rgb(237, 245, 255); color: rgb(28, 100, 199); font-size: 14px; font-weight: 700;}
.research-content .status{background: rgb(232, 248, 239); color: rgb(22, 130, 74);}
.research-content .status.explore{background: rgb(255, 245, 233); color: rgb(165, 92, 4);}
.research-content .tilt{transform-style: preserve-3d; transition: transform 0.2s, box-shadow 0.2s;}
.research-content .tilt:hover{box-shadow: rgba(16, 47, 79, 0.1) 0px 16px 34px;}
@media (max-width: 1100px) {.research-content .navlinks{gap: 16px; font-size: 14px;}
.research-content .nav-cta{display: none;}
.research-content .hero-grid{grid-template-columns: 1fr 1fr;}
.research-content .hero h1{font-size: 42px;}
.research-content .footgrid{grid-template-columns: 2fr repeat(2, 1fr);}}
@media (max-width: 820px) {.research-content .utility{display: none;}
.research-content .site-header{height: 68px;}
.research-content .nav{height: 68px;}
.research-content .brand{width: auto;}
.research-content .brand img{width: 50px; height: 30px;}
.research-content .brand strong{font-size: 15px;}
.research-content .menu-btn{display: block; margin-left: auto;}
.research-content .navlinks{display: none; position: absolute; top: 68px; left: 0px; right: 0px; background: white; padding: 18px 26px; box-shadow: rgba(0, 0, 0, 0.133) 0px 12px 25px; 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 .hero-grid{grid-template-columns: 1fr;}
.research-content .hero-copy{padding: 42px 0px 32px;}
.research-content .hero-visual{min-height: 320px;}
.research-content .hero-visual::before{background: linear-gradient(rgba(255, 255, 255, 0), rgba(5, 20, 40, 0.18));}
.research-content .hero h1{font-size: 42px;}
.research-content .hero-stats{left: 5%; right: 5%;}
.research-content .section-head{align-items: flex-start; flex-direction: column;}
.research-content .section-head h2,.research-content .split-copy h2{font-size: 30px;}
.research-content .filterbar{top: 68px;}
.research-content .filters{flex-wrap: wrap;}
.research-content .filters .searchbox{flex: 1 0 100%;}
.research-content .footgrid{grid-template-columns: 1fr 1fr;}
.research-content .foot-brand{grid-column: 1 / -1;}
.research-content .copyright{gap: 18px; flex-direction: column;}
.research-content .wrap{width: min(var(--max),calc(100% - 30px));}}
@media (max-width: 520px) {.research-content section{padding: 48px 0px;}
.research-content .hero h1{font-size: 36px;}
.research-content .hero p{font-size: 16px;}
.research-content .footgrid{grid-template-columns: 1fr;}
.research-content .foot-brand{grid-column: auto;}
.research-content .hero-stats strong{font-size: 20px;}
.research-content .hero-stats span{font-size: 14px;}
.research-content .legal{flex-wrap: wrap;}}
.research-content .hero-areas .hero-visual{background-image: url("../assets/research/9e04514bb920b8aca4b0.jpg"), url("../assets/research/74ab30c384be20a7c395.jpg"); background-size: cover, cover; background-blend-mode: screen, normal; background-position: center 32%, center center;}
.research-content .atlas-intro{display: grid; grid-template-columns: 1.05fr 1.55fr 0.8fr; gap: 50px; align-items: center;}
.research-content .atlas-copy h2{font-size: 38px; line-height: 1.02; margin: 0px 0px 14px; letter-spacing: -0.04em;}
.research-content .atlas-copy p,.research-content .atlas-note p{color: var(--muted); line-height: 1.55;}
.research-content .atlas-note{border-left: 1px solid var(--line); padding-left: 28px;}
.research-content .atlas-note strong{display: block; color: var(--blue); font-size: 14px; letter-spacing: 0.14em; line-height: 1.55; text-transform: uppercase; margin-bottom: 14px;}
.research-content .atlas-note ul{padding: 0px; list-style: none; color: rgb(105, 123, 146); font-size: 14px; line-height: 2; text-transform: uppercase; letter-spacing: 0.12em;}
.research-content .orbit{height: 300px; position: relative; display: grid; place-items: center;}
.research-content .orbit::before,.research-content .orbit::after{content: ""; position: absolute; border: 1px solid rgb(183, 211, 247); border-radius: 50%; inset: 55px 25px;}
.research-content .orbit::after{inset: 34px 85px; transform: rotate(64deg);}
.research-content .orbit-core{width: 134px; height: 134px; border-radius: 50%; display: grid; place-items: center; text-align: center; color: rgb(255, 255, 255); font-weight: 800; background: radial-gradient(circle at 30% 25%, rgb(57, 160, 255), rgb(7, 92, 240) 58%, rgb(3, 59, 163)); box-shadow: rgba(11, 99, 246, 0.267) 0px 15px 35px; z-index: 2; padding: 18px;}
.research-content .sat{position: absolute; width: 62px; height: 62px; border-radius: 50%; background: rgb(255, 255, 255); border: 1px solid rgb(191, 213, 239); display: grid; place-items: center; color: var(--blue); z-index: 3;}
.research-content .sat .icon{width: 27px; height: 27px;}
.research-content .s1{top: 12px; left: calc(50% - 31px);}
.research-content .s2{top: 75px; right: 14px;}
.research-content .s3{bottom: 15px; right: 85px;}
.research-content .s4{bottom: 15px; left: 85px;}
.research-content .s5{top: 75px; left: 14px;}
.research-content .area-grid{display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px;}
.research-content .area-card{padding: 15px 14px; min-height: 185px; display: block;}
.research-content .area-top{display: flex; align-items: center; gap: 10px; color: var(--blue); font-weight: 800;}
.research-content .area-top .icon{width: 24px; height: 24px;}
.research-content .area-top b{margin-left: auto;}
.research-content .area-card h3{font-size: 14px; line-height: 1.16; margin: 12px 0px 9px; letter-spacing: -0.02em;}
.research-content .area-card p{font-size: 14px; line-height: 1.45; color: rgb(101, 119, 142); margin: 0px;}
.research-content .connection{padding: 42px 0px;}
.research-content .connection-grid{display: grid; grid-template-columns: 1.35fr 2fr; gap: 55px; align-items: center;}
.research-content .flow{display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; position: relative;}
.research-content .flow::before{content: ""; position: absolute; left: 8%; right: 8%; top: 27px; height: 1px; background: rgb(71, 107, 140);}
.research-content .flow-item{text-align: center; position: relative; z-index: 2;}
.research-content .flow-item .icon-ring{margin: auto; background: rgb(10, 32, 52); border-color: rgb(82, 113, 141); color: rgb(63, 145, 255);}
.research-content .flow-item h4{font-size: 14px; margin: 10px 0px 4px;}
.research-content .flow-item p{font-size: 14px; line-height: 1.4; color: rgb(174, 191, 206);}
.research-content .output-row{display: grid; grid-template-columns: 1.25fr repeat(4, 1fr); gap: 12px; align-items: stretch;}
.research-content .output-intro h2{font-size: 29px; line-height: 1.03; margin: 0px 0px 8px;}
.research-content .output-card{padding: 18px;}
.research-content .output-card .icon{color: var(--blue); width: 26px; height: 26px;}
.research-content .output-card h3{font-size: 14px; margin: 12px 0px 6px;}
.research-content .output-card p{font-size: 14px; color: rgb(104, 122, 144); line-height: 1.45; margin: 0px;}
.research-content .collab{padding: 0px; background: rgb(247, 251, 255);}
.research-content .collab-grid{display: grid; grid-template-columns: 1.05fr 1fr 1.2fr; min-height: 190px; align-items: center;}
.research-content .collab-img{height: 100%; background: url("../assets/research/6afc672254a608632e51.jpg") center center / cover no-repeat;}
.research-content .collab-copy{padding: 32px;}
.research-content .collab-copy h2{font-size: 27px; line-height: 1.04; margin: 0px 0px 9px;}
.research-content .audience{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding-right: 28px;}
.research-content .aud{text-align: center; font-size: 14px; color: rgb(83, 102, 125);}
.research-content .aud .icon-ring{width: 46px; height: 46px; margin: 0px auto 8px;}
.research-content .aud .icon{width: 23px; height: 23px;}
@media (max-width: 1000px) {.research-content .atlas-intro{grid-template-columns: 1fr;}
.research-content .atlas-note{border-left: 0px; padding-left: 0px;}
.research-content .area-grid{grid-template-columns: repeat(3, 1fr);}
.research-content .output-row{grid-template-columns: repeat(2, 1fr);}
.research-content .output-intro{grid-column: 1 / -1;}
.research-content .collab-grid{grid-template-columns: 1fr;}
.research-content .collab-img{height: 220px;}
.research-content .audience{padding: 20px 28px 30px;}
.research-content .connection-grid{grid-template-columns: 1fr;}}
@media (max-width: 600px) {.research-content .area-grid{grid-template-columns: 1fr 1fr;}
.research-content .area-card{min-height: 165px;}
.research-content .flow{grid-template-columns: 1fr 1fr;}
.research-content .flow::before{display: none;}
.research-content .output-row{grid-template-columns: 1fr;}
.research-content .audience{grid-template-columns: 1fr 1fr;}}