.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-methods .hero-visual{background-image: url("../assets/research/c2d365239d068fa09638.jpg");}
.research-content .hero-methods .hero-visual::before{background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.58) 20%, rgba(5, 22, 40, 0.02) 55%, rgba(0, 14, 29, 0.25));}
.research-content .method-tag{position: absolute; right: 50px; top: 50px; z-index: 2; color: rgb(255, 255, 255); font-size: 14px; line-height: 1.7; letter-spacing: 0.17em; text-transform: uppercase;}
.research-content .process{display: grid; grid-template-columns: 1.1fr 2.3fr; gap: 60px;}
.research-content .process-grid{display: grid; grid-template-columns: repeat(8, 1fr); gap: 12px; position: relative;}
.research-content .process-grid::before{content: ""; position: absolute; left: 5%; right: 5%; top: 28px; height: 1px; background: rgb(149, 191, 241);}
.research-content .proc{text-align: center; z-index: 2;}
.research-content .proc .icon-ring{margin: auto; width: 56px; height: 56px;}
.research-content .proc h4{font-size: 14px; margin: 9px 0px 5px;}
.research-content .proc p{font-size: 14px; color: rgb(102, 120, 141); line-height: 1.35; margin: 0px;}
.research-content .principle-section{display: grid; grid-template-columns: 1.05fr 2fr; gap: 50px;}
.research-content .principles{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px;}
.research-content .principle{padding: 15px; border-left: 1px solid var(--line); min-height: 125px;}
.research-content .principle:nth-child(4n+1){border-left: 0px;}
.research-content .principle .icon{width: 26px; height: 26px; color: var(--blue);}
.research-content .principle h3{font-size: 14px; margin: 9px 0px 4px;}
.research-content .principle p{font-size: 14px; color: rgb(96, 116, 139); line-height: 1.4; margin: 0px;}
.research-content .building{display: grid; grid-template-columns: 0.95fr 2.2fr; gap: 50px;}
.research-content .building-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.research-content .build-card{padding: 15px; display: grid; grid-template-columns: 35px 1fr; gap: 10px;}
.research-content .build-card .icon{width: 25px; height: 25px; color: var(--blue);}
.research-content .build-card h3{font-size: 14px; margin: 0px 0px 4px;}
.research-content .build-card p{font-size: 14px; color: rgb(102, 121, 142); line-height: 1.4; margin: 0px;}
.research-content .methods-band{display: grid; grid-template-columns: 1.1fr 1.8fr; gap: 55px; align-items: center;}
.research-content .methods-flow{display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;}
.research-content .mflow{text-align: center;}
.research-content .mflow .icon-ring{margin: auto; background: rgb(10, 32, 52); border-color: rgb(82, 113, 141); color: rgb(85, 161, 255);}
.research-content .mflow h4{font-size: 14px; margin: 9px 0px 3px;}
.research-content .mflow p{font-size: 14px; color: rgb(162, 181, 196); line-height: 1.4;}
.research-content .quality{display: grid; grid-template-columns: 1.25fr repeat(4, 1fr); gap: 20px; align-items: center;}
.research-content .qitem{text-align: center; border-left: 1px solid var(--line); padding: 10px;}
.research-content .qitem .icon{width: 28px; height: 28px; color: var(--blue);}
.research-content .qitem h3{font-size: 14px; margin: 9px 0px 4px;}
.research-content .qitem p{font-size: 14px; color: rgb(100, 118, 139); line-height: 1.4;}
.research-content .method-collab{display: grid; grid-template-columns: 1.1fr 1fr 1fr; background: rgb(245, 249, 255);}
.research-content .method-photo{background: url("../assets/research/b89e52854f66015f3944.jpg") center center / cover; min-height: 200px;}
.research-content .method-copy{padding: 34px;}
.research-content .method-copy h2{font-size: 28px; line-height: 1.03; margin: 0px 0px 8px;}
.research-content .method-actions{padding: 35px; display: flex; flex-direction: column; justify-content: center; gap: 12px; background: radial-gradient(circle at 100% 60%, rgb(215, 234, 255), rgb(246, 250, 255) 55%);}
@media (max-width: 1000px) {.research-content .process{grid-template-columns: 1fr;}
.research-content .process-grid{grid-template-columns: repeat(4, 1fr);}
.research-content .process-grid::before{display: none;}
.research-content .principle-section,.research-content .building,.research-content .methods-band{grid-template-columns: 1fr;}
.research-content .quality{grid-template-columns: 1fr 1fr;}
.research-content .quality > div:first-child{grid-column: 1 / -1;}
.research-content .method-collab{grid-template-columns: 1fr;}
.research-content .method-photo{height: 220px;}}
@media (max-width: 600px) {.research-content .process-grid,.research-content .principles,.research-content .building-grid,.research-content .methods-flow{grid-template-columns: 1fr 1fr;}
.research-content .quality{grid-template-columns: 1fr;}
.research-content .quality > div:first-child{grid-column: auto;}
.research-content .principle{border-left: 0px; border-top: 1px solid var(--line);}}