:root{
color-scheme:dark;
--bg:#0b1119;
--panel:#111b26;
--panel-2:#14202c;
--line:#263444;
--text:#e9f0ef;
--muted:#a0afb8;
--subtle:#a0afb8;
--teal:#8ae0c3;
--gold:#e7c88a;
--red:#f4a8a1;
--ease:cubic-bezier(.23,1,.32,1);
font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;
font-synthesis:none
}

*{
box-sizing:border-box
}
html{
scroll-behavior:smooth
}
body{
margin:0;
background:radial-gradient(ellipse 75% 34% at 66% -8%,#18333b 0%,transparent 75%),var(--bg);
color:var(--text)
}
a{
color:inherit
}
button,select{
font:inherit
}
.shell{
max-width:1460px;
margin:auto;
padding:0 clamp(22px,4.6vw,72px)
}
.skip-link{
position:absolute;
left:20px;
top:-80px;
background:var(--teal);
color:var(--bg);
padding:12px 18px;
z-index:10
}
.skip-link:focus{
top:12px
}
:focus-visible{
outline:2px solid var(--teal);
outline-offset:4px
}
button:focus-visible,select:focus-visible{
outline-offset:3px
}

.site-header{
height:88px;
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
border-bottom:1px solid #ffffff1c
}
.brand{
text-decoration:none;
font:800 21px Manrope,sans-serif;
letter-spacing:-.06em;
display:flex;
align-items:center;
gap:12px
}
.brand-mark{
width:28px;
height:28px;
border:1.5px solid var(--teal);
border-radius:8px;
display:flex;
align-items:end;
gap:3px;
padding:5px;
transform:rotate(-9deg)
}
.brand-mark span{
display:block;
width:4px;
background:var(--teal);
border-radius:2px
}
.brand-mark span:nth-child(1){
height:7px
}
.brand-mark span:nth-child(2){
height:12px
}
.brand-mark span:nth-child(3){
height:17px
}
.site-header nav{
display:flex;
gap:34px
}
.site-header nav a{
display:inline-flex;
align-items:center;
min-height:44px;
font-size:13px;
color:var(--muted);
text-decoration:none;
transition:color .15s var(--ease)
}
.site-header nav a:hover,.site-header nav a[aria-current]{
color:var(--text)
}
.edition{
font-size:11px;
color:var(--teal);
letter-spacing:.04em;
border:1px solid #8ae0c344;
border-radius:999px;
padding:8px 11px;
white-space:nowrap
}
.edition-dot{
display:inline-block;
width:5px;
height:5px;
background:var(--teal);
border-radius:50%;
margin-left:7px;
vertical-align:middle
}

.intro{
display:grid;
grid-template-columns:minmax(0,1fr) 290px;
gap:42px;
padding:76px 0 78px;
align-items:end
}
.eyebrow{
text-transform:uppercase;
letter-spacing:.18em;
font-size:10px;
font-weight:700;
color:var(--teal);
margin:0 0 20px
}
.intro h1{
font:800 clamp(48px,6.1vw,88px)/1.03 Manrope,sans-serif;
letter-spacing:-.075em;
margin:0 0 22px;
max-width:960px
}
.intro-copy>p:last-child{
font-size:17px;
line-height:1.65;
color:var(--muted);
max-width:620px;
margin:0
}
.intro-note{
padding:24px 0 4px 26px;
border-left:1px solid var(--line)
}
.note-index,.note-foot{
font-size:11px;
color:var(--subtle);
letter-spacing:.08em;
text-transform:uppercase
}
.intro-note p{
font:600 19px/1.42 Manrope,sans-serif;
letter-spacing:-.035em;
margin:24px 0
}
.note-rule{
display:block;
width:32px;
height:1px;
background:var(--teal);
margin:0 0 20px
}

.workspace{
background:linear-gradient(145deg,#15222e,#0e1822 46%,#111d28);
border:1px solid #2a3946;
border-radius:16px;
padding:clamp(24px,3.2vw,48px);
box-shadow:0 30px 90px #0003
}
.section-head,.study-topline,.panel-heading{
display:flex;
justify-content:space-between;
align-items:start;
gap:20px
}
.section-head{
align-items:end
}
.section-head h2,.method h2{
font:700 clamp(27px,3vw,41px)/1.12 Manrope,sans-serif;
letter-spacing:-.055em;
margin:0
}
.section-aside{
font-size:13px;
line-height:1.5;
color:var(--muted);
max-width:250px;
margin:0
}
.study-toolbar{
display:flex;
align-items:end;
justify-content:space-between;
gap:20px;
padding:30px 0;
margin:24px 0 0;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line)
}
.select-wrap{
display:flex;
flex-direction:column;
gap:9px;
min-width:min(100%,360px)
}
label,.field-label{
font-size:10px;
color:var(--subtle);
text-transform:uppercase;
letter-spacing:.12em;
font-weight:700
}
select{
min-height:44px;
width:100%;
padding:0 35px 0 14px;
appearance:none;
background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23a0afb8' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 13px center;
border:1px solid #405260;
border-radius:7px;
color:var(--text);
cursor:pointer
}
select:disabled{
opacity:.55;
cursor:wait
}
.study-state{
font-size:12px;
color:var(--subtle);
text-align:right
}
.study-topline{
padding:31px 0 27px
}
.study-topline .eyebrow{
margin-bottom:8px
}
.study-topline h3{
font:700 clamp(24px,2.4vw,33px)/1.2 Manrope,sans-serif;
letter-spacing:-.05em;
margin:0
}
.subline{
font-size:12px;
color:var(--muted);
margin:9px 0 0
}
.study-badges{
display:flex;
flex-wrap:wrap;
justify-content:end;
gap:8px
}
.badge,.verdict-tag{
border:1px solid #3b5360;
border-radius:999px;
padding:7px 10px;
font-size:10px;
font-weight:700;
letter-spacing:.04em;
color:var(--teal);
white-space:nowrap
}
.badge.synthetic{
color:var(--gold);
border-color:#7e6743
}
.metrics{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
border:1px solid var(--line);
border-radius:9px;
overflow:hidden;
margin-bottom:18px
}
.metric{
background:#0c1720bb;
padding:19px 22px;
border-right:1px solid var(--line)
}
.metric:last-child{
border-right:0
}
.metric span,.metric small{
display:block;
color:var(--muted);
font-size:11px
}
.metric strong{
display:block;
font:700 clamp(24px,2.6vw,37px) Manrope,sans-serif;
letter-spacing:-.055em;
margin:9px 0 5px;
font-variant-numeric:tabular-nums
}
.metric small{
font-size:10px;
color:var(--subtle)
}

.research-grid{
display:grid;
grid-template-columns:minmax(0,1.42fr) minmax(300px,.9fr);
gap:18px;
margin-bottom:18px
}
.panel{
min-width:0;
border:1px solid var(--line);
border-radius:9px;
background:#0b151fbb;
padding:25px
}
.panel-heading{
align-items:center
}
.panel-heading .eyebrow{
margin-bottom:7px
}
.panel h4{
font:700 17px Manrope,sans-serif;
letter-spacing:-.035em;
margin:0
}
.chart-legend{
font-size:10px;
color:var(--muted);
white-space:nowrap
}
.chart-legend i{
display:inline-block;
width:13px;
height:2px;
vertical-align:middle;
margin-right:7px;
background:var(--teal)
}
.chart{
height:245px;
margin-top:22px;
overflow:hidden
}
.chart svg{
display:block;
width:100%;
height:100%
}
.chart-foot{
display:flex;
justify-content:space-between;
font-size:10px;
color:var(--subtle);
margin-top:8px
}
.panel-caption{
font-size:11px;
line-height:1.5;
color:var(--subtle);
margin:18px 0 0
}
.verdict-tag{
color:var(--gold);
border-color:#7e6743
}
.verdict-tag.negative{
color:var(--red);
border-color:#8b514e
}
.verdict-text{
font-size:14px;
line-height:1.7;
color:#d4dfde;
margin:28px 0 30px
}
.verdict-details{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px 14px;
margin:0
}
.verdict-details div{
border-top:1px solid var(--line);
padding-top:10px
}
.verdict-details dt{
font-size:10px;
color:var(--subtle);
margin-bottom:6px
}
.verdict-details dd{
font-size:12px;
margin:0;
overflow-wrap:anywhere
}
.table-scroll{
overflow:auto;
margin-top:25px
}
table{
width:100%;
border-collapse:collapse;
text-align:left;
min-width:420px
}
th{
color:var(--subtle);
font-size:10px;
text-transform:uppercase;
letter-spacing:.1em;
font-weight:700;
padding:0 8px 13px 0
}
td{
font-size:12px;
padding:12px 8px 12px 0;
border-top:1px solid var(--line);
font-variant-numeric:tabular-nums
}
td:not(:first-child),th:not(:first-child){
text-align:right
}
.evidence-panel>p{
font-size:13px;
line-height:1.6;
color:var(--muted);
margin:24px 0
}
.evidence-block{
border-top:1px solid var(--line);
padding-top:15px;
margin-top:18px
}
.evidence-block p{
font-size:12px;
line-height:1.55;
margin:8px 0 0
}
.evidence-block ul{
padding-left:17px;
margin:10px 0 0;
color:var(--muted);
font-size:12px;
line-height:1.7
}
.artifact-link{
display:inline-flex;
align-items:center;
min-height:44px;
gap:8px;
margin-top:28px;
color:var(--teal);
text-decoration:none;
font-size:12px;
border-bottom:1px solid #8ae0c355;
padding-bottom:5px
}
.artifact-link:hover{
border-color:var(--teal)
}
.disclaimer{
font-size:11px;
line-height:1.6;
color:var(--subtle);
margin:19px 0 0
}
.error-panel{
background:#3b2425;
border:1px solid #a86963;
border-radius:8px;
padding:18px;
margin:24px 0
}
.error-panel p{
color:#efc9c5;
font-size:13px
}
.error-panel button{
min-height:44px;
border:1px solid #edb3ad;
background:transparent;
color:#fff;
border-radius:5px;
padding:8px 12px;
cursor:pointer
}
.error-panel button:active{
transform:scale(.97)
}

.method{
padding:100px 0 90px;
display:grid;
grid-template-columns:1fr 2fr;
gap:70px
}
.method h2{
max-width:350px
}
.method-cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px
}
.method-cards article{
border-top:1px solid #486064;
padding-top:17px
}
.method-cards article>span{
color:var(--teal);
font-size:11px
}
.method-cards h3{
font:700 17px Manrope,sans-serif;
letter-spacing:-.035em;
margin:25px 0 10px
}
.method-cards p{
font-size:12px;
line-height:1.65;
color:var(--muted);
margin:0
}
footer{
border-top:1px solid var(--line);
padding:26px 0 42px;
display:flex;
justify-content:space-between;
gap:20px;
color:var(--subtle);
font-size:11px
}
footer a{
color:var(--muted)
}

@media(max-width:900px){
.edition{
display:none
}
.research-grid{
grid-template-columns:1fr
}
.method{
grid-template-columns:1fr;
gap:34px
}
.method h2{
max-width:none
}

}
@media(max-width:670px){
.site-header{
height:auto;
min-height:75px;
flex-wrap:wrap;
gap:4px;
padding:18px 0
}
.site-header nav{
width:100%;
gap:22px;
padding-top:15px
}
.intro{
grid-template-columns:1fr;
padding:54px 0
}
.intro-note{
display:none
}
.section-aside{
display:none
}
.study-toolbar{
align-items:stretch;
flex-direction:column
}
.study-state{
text-align:left
}
.study-topline{
flex-direction:column
}
.study-badges{
justify-content:start
}
.metrics{
grid-template-columns:repeat(2,1fr)
}
.metric:nth-child(2){
border-right:0
}
.metric:nth-child(-n+2){
border-bottom:1px solid var(--line)
}
.panel{
padding:19px
}
.method{
padding:68px 0
}
.method-cards{
grid-template-columns:1fr;
gap:26px
}
.method-cards h3{
margin-top:16px
}
footer{
flex-direction:column
}
.chart{
height:190px
}

}
@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto
}
*,*::before,*::after{
animation-duration:.01ms!important;
transition-duration:.01ms!important
}

}
.table-hint{
display:none
}
@media(max-width:670px){
.table-hint{
display:block;
font-size:11px;
color:var(--muted);
margin:17px 0 -11px
}
}