/* Homepage: a calm, task-led comparison experience. */
.home-hero { padding:40px 0; display:grid; grid-template-columns:1.4fr 1fr; align-items:center; gap:80px; }
.eyebrow,.section-kicker { font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.13em; }
.home-page .eyebrow { color:var(--teal); margin-bottom:16px; }
.home-hero h1 { font-size:64px; font-weight:740; line-height:1.02; letter-spacing:-.055em; margin:0 0 16px; }
.home-hero h1 span { color:var(--teal); }
.home-page .hero-description { font-size:17px; max-width:470px; margin:0; line-height:1.65; }
.hero-context { padding:0 0 0 26px; border-left:1px solid #cddcde; }
.hero-context p { font-size:14px; max-width:340px; margin-bottom:15px; }
.hero-context .context-label { color:var(--ink); font-weight:700; }
.hero-support { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.support-copy { font-size:12px; color:var(--muted); }
.dataset-meta { font-size:13px; color:var(--muted); margin:0 0 14px; }
.dataset-meta strong { color:var(--ink); }
.dataset-meta small { display:block; margin-top:4px; font-size:12px; }
.data-status { font-size:14px; padding:14px 0; }
.data-error { background:#fff4f0; border:1px solid #e7b0a0; border-radius:8px; padding:20px; margin-bottom:20px; }
.data-error p { margin:6px 0 12px; }
.benchmark-shell { display:grid; grid-template-columns:1.15fr 1fr; border:1px solid var(--line); border-radius:12px; background:white; overflow:hidden; box-shadow:0 12px 35px #122b3908; scroll-margin-top:20px; }
.benchmark-input { padding:32px 34px; }
.section-kicker { color:var(--teal); margin-bottom:11px; }
.benchmark-input h2 { font-size:25px; margin-bottom:8px; }
.benchmark-input > p { font-size:14px; margin-bottom:23px; }
.benchmark-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px 18px; }
.field { min-width:0; }
.field label { display:block; font-size:12px; font-weight:650; color:var(--ink); margin-bottom:6px; }
.field label span { color:#617682; font-size:10px; font-weight:400; margin-left:4px; }
.field select,.field input { display:block; width:100%; height:43px; padding:8px 11px; border:1px solid #ccd8dd; background:#fff; border-radius:5px; color:var(--ink); font-size:13px; }
.field select { padding-right:24px; }
.field input::placeholder { color:#73848e; }
.field select:focus,.field input:focus { border-color:var(--teal); }
.field-help { font-size:11px; line-height:1.65; margin:16px 0; }
#benchmarkSubmit { width:100%; justify-content:space-between; }
.comparison-result { background:#142f3e; color:#fff; padding:35px; display:flex; flex-direction:column; justify-content:center; min-width:0; }
.home-page .comparison-result h2,.home-page .comparison-result h3,.home-page .comparison-result strong { color:#fff; }
.home-page .comparison-result p { color:#b9d0d8; font-size:14px; }
.home-page .comparison-result .result-eyebrow { display:block; text-transform:uppercase; letter-spacing:.1em; font-size:10px; color:#8ed5ca; font-weight:700; margin-bottom:20px; }
.result-empty h3 { font-size:28px; line-height:1.3; margin-bottom:16px; }
.result-empty p { max-width:330px; }
.placeholder-chart { display:flex; gap:8px; height:90px; align-items:flex-end; margin:10px 0 28px; max-width:260px; }
.placeholder-chart i { width:22px; border-radius:3px 3px 0 0; background:#285565; height:20%; }
.placeholder-chart i:nth-child(2),.placeholder-chart i:nth-child(8) { height:35%; }
.placeholder-chart i:nth-child(3),.placeholder-chart i:nth-child(7) { height:57%; background:#34717c; }
.placeholder-chart i:nth-child(4),.placeholder-chart i:nth-child(6) { height:78%; background:#499b9b; }
.placeholder-chart i:nth-child(5) { height:100%; background:#94d9c7; }
.result-principles { list-style:none; padding-top:14px; border-top:1px solid #36505d; margin-top:26px; font-size:12px; color:#c3d5dc; }
.result-principles li { margin:10px 0; }
.result-principles li::before { content:'✓'; color:#94d9c7; margin-right:10px; }
.home-page .comparison-result .result-median { font-size:48px; font-weight:750; line-height:1.2; letter-spacing:-.04em; margin:10px 0; color:white; }
.comparison-summary { font-size:13px; color:#bed3da; }
.comparison-assessment { border-left:3px solid #94d9c7; padding:5px 0 5px 14px; margin:18px 0; }
.range-track { position:relative; height:12px; background:#3c5662; border-radius:5px; margin:35px 0 17px; }
.range-band { position:absolute; height:100%; background:#87d5c4; border-radius:4px; }
.range-marker { position:absolute; top:-7px; width:3px; height:26px; background:white; transform:translateX(-50%); }
.range-labels { display:flex; justify-content:space-between; gap:10px; font-size:12px; color:#c6d9df; }
.range-caption { font-size:11px; color:#bfd1d9; margin-top:12px; }
.result-stats { display:grid; grid-template-columns:1fr 1fr; gap:20px; border-top:1px solid #36505d; margin-top:24px; padding-top:20px; }
.result-stats > * { margin:0; }
.result-note { font-size:11px !important; margin:18px 0 0; line-height:1.7; }
.broaden-btn { background:#d9f2eb; color:#123d39; padding:12px 16px; border:0; border-radius:5px; cursor:pointer; font-weight:650; margin-top:14px; }
.benchmark-stale { font-size:14px; }
.benchmark-footnote { text-align:center; font-size:11px; margin:15px auto 0; max-width:770px; }
.explorer { padding:68px 0 0; }
.section-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:24px; }
.section-heading h2 { font-size:30px; margin-bottom:8px; }
.section-heading p { margin:0; font-size:14px; }
.explore-controls { padding:22px; background:white; border:1px solid var(--line); border-radius:8px; }
.browse-fields { display:grid; grid-template-columns:1fr .7fr 1fr 1.3fr; gap:16px; }
.explore-toolbar { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding-top:17px; }
.explore-toolbar details { flex:1; }
.explore-toolbar summary,.text-button { font-size:12px; font-weight:650; color:var(--teal); cursor:pointer; }
.text-button { background:none; border:0; padding:2px 0; }
.advanced-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding-top:20px; }
.browse-summary { display:flex; gap:28px; flex-wrap:wrap; padding:20px 0; color:var(--muted); font-size:12px; }
.browse-summary strong { color:var(--ink); font-weight:750; margin-right:5px; }
.home-page .table-header h3 { font-size:15px; margin:0; }
.home-page .table-note { font-size:11px; }
.home-page .table-container { box-shadow:none; border:1px solid var(--line); border-radius:8px; }
.home-page .table-container th { font-size:10px; text-transform:uppercase; letter-spacing:.06em; padding:14px; background:#ebf1f3; }
.home-page .table-container td { font-size:12px; padding:16px 14px; vertical-align:top; }
.home-page .table-container .salary { white-space:nowrap; font-weight:650; }
.home-page .table-container small { display:block; color:var(--muted); margin-top:3px; font-size:10px; font-weight:400; }
.home-page .table-container tr:nth-child(even) { background:#fbfcfd; }
.home-page .benefit-chip { font-size:10px; white-space:normal; min-height:0; font-weight:500; }
.home-page .muted-cell { font-size:11px; }
.show-more { display:flex; margin:20px auto 0; }
.home-methodology { display:grid; grid-template-columns:1fr 1.4fr; gap:80px; padding:70px 0; margin-top:30px; border-top:1px solid var(--line); scroll-margin-top:20px; }
.home-methodology h2 { font-size:30px; }
.home-methodology p { font-size:14px; max-width:350px; }
.method-details details { border-bottom:1px solid var(--line); padding:16px 0; }
.method-details details:first-child { padding-top:0; }
.method-details summary { font-weight:650; font-size:14px; cursor:pointer; }
.method-details p { padding-top:14px; margin:0; font-size:13px; max-width:none; }
.contribute-panel { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:32px; background:#e6f0ee; border-radius:8px; margin-bottom:70px; }
.contribute-panel .eyebrow { font-size:10px; margin-bottom:8px; }
.contribute-panel h2 { font-size:25px; margin-bottom:8px; }
.contribute-panel p { font-size:13px; margin:0; }
.contribute-panel .button-primary { flex-shrink:0; }
@media(max-width:1050px) { .home-page .container{padding-left:24px;padding-right:24px}.home-hero{gap:30px}.benchmark-input,.comparison-result{padding:25px}.benchmark-shell{grid-template-columns:1.2fr 1fr}.benchmark-fields{gap:14px 12px}.field label span{display:block;margin:0}.home-methodology{gap:35px}.home-hero h1{font-size:56px}.home-header nav{gap:18px} }
@media(max-width:780px) { .home-page .container{padding-left:20px;padding-right:20px}.home-header{flex-wrap:wrap;justify-content:center;gap:18px}.home-header nav{justify-content:center;gap:20px}.home-header nav a{font-size:12px}.home-header nav .nav-submit{padding:8px 10px}.home-hero{grid-template-columns:1fr;padding:28px 0;gap:24px}.home-hero h1{font-size:49px}.home-hero h1 br{display:none}.hero-context{border:0;padding:0}.hero-context>p{display:none}.dataset-meta small{display:inline;margin-left:8px}.hero-description{max-width:none!important}.benchmark-shell{grid-template-columns:1fr}.benchmark-input,.comparison-result{padding:25px}.comparison-result{min-height:300px}.field label span{display:inline}.result-empty h3 br{display:none}.placeholder-chart{height:65px;margin:0 0 20px}.result-principles{display:none}.result-empty p{max-width:none}.section-heading{align-items:flex-start}.section-heading h2{font-size:25px}.browse-fields{grid-template-columns:1fr 1fr}.advanced-fields{grid-template-columns:1fr 1fr}.explore-controls{padding:17px}.explorer{padding-top:45px}.home-page .table-header{display:block}.home-page .table-header .table-note{display:block;margin-top:6px}.home-page .table-container{border:0;background:none}.home-page .table-container td{display:grid;grid-template-columns:100px 1fr;gap:5px;padding:9px 5px;white-space:normal;font-size:12px}.home-page .table-container td::before{font-size:11px}.home-page .table-container td>*{grid-column:2}.home-page .table-container td::before{grid-column:1}.home-page .table-container th{padding:0}.home-page .table-container tr{padding:13px}.home-page .table-container tr:nth-child(even){background:white}.home-methodology{grid-template-columns:1fr;gap:20px;padding:45px 0;margin-top:25px}.home-methodology h2 br{display:none}.home-methodology p{max-width:none}.contribute-panel{align-items:flex-start;flex-direction:column;padding:25px;margin-bottom:45px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom>span:last-child{flex-wrap:wrap}.preview-notice{font-size:10px}.home-page .site-header{padding:17px 0} }
@media(max-width:420px) { .home-page .container{padding-left:15px;padding-right:15px}.benchmark-input,.comparison-result{padding:20px}.benchmark-input h2{font-size:23px}.home-hero h1{font-size:43px}.benchmark-fields{gap:14px 10px}.field label{font-size:11px}.field label span{display:block}.field input,.field select{font-size:12px}.browse-fields,.advanced-fields{grid-template-columns:1fr}.section-heading{flex-direction:column;gap:10px}.footer-top>div{flex-wrap:wrap;gap:15px}.home-header nav{gap:14px}.result-median{font-size:40px}.browse-summary{gap:12px 20px} }
@media(prefers-reduced-motion:reduce) { .home-page * { scroll-behavior:auto!important; transition:none!important; } }
@media(max-width:420px) {
  .home-page .comparison-result .result-median { font-size:40px; }
  .home-header nav { flex-wrap:wrap; }
}
@media(max-width:780px) {
  .field input,.field select { font-size:16px; }
}
@media(max-width:520px) {
  .benchmark-fields { grid-template-columns:1fr; }
}