/* =============================================
   For investors page
   ============================================= */

.hero h1{max-width:725px}

/* WHAT YOU GET */
.report-overview{padding:100px 60px;background:#fff;text-align:center}
.report-overview h2{font-size:35px;font-weight:500;color:#1a1a1a;margin-bottom:10px;letter-spacing:-0px}
.report-overview>p{font-size:19px;color:#6b6b6b;line-height:1.7;max-width:700px;margin:0 auto 60px}
.report-parts{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;margin:0 auto;text-align:left}
.report-part{padding:40px 35px;border-radius:18px;border:1px solid #eee;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}
.report-part:hover{border-color:#ccc;transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.report-part-num{font-size:14px;font-weight:500;color:var(--blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}
.report-part h3{font-size:23px;font-weight:500;color:#1a1a1a;margin-bottom:10px}
.report-part p{font-size:16px;color:#6b6b6b;line-height:1.7;margin-bottom:20px}
.report-part-sections{list-style:none;padding:0}
.report-part-sections li{font-size:15px;color:#999;padding:5px 0;display:flex;gap:10px;align-items:center}
.report-part-sections li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue);flex-shrink:0;opacity:.4}

/* SHOWCASE */
.showcase{padding:100px 60px;background:#f8f4ea;border-top:1px solid #eee;border-bottom:1px solid #eee}
.showcase h2{font-size:35px;font-weight:500;color:#1a1a1a;margin-bottom:10px;letter-spacing:-0px}
.showcase>p{font-size:19px;color:#6b6b6b;line-height:1.7;max-width:700px;margin-bottom:60px}

.showcase-report{background:#fff;border:1px solid #eee;border-radius:18px;overflow:hidden}
.showcase-report-header{padding:30px 35px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:flex-start}
.sr-company{font-size:25px;font-weight:500;color:#1a1a1a}
.sr-sector{font-size:15px;color:#999;margin-top:4px}
.sr-score{text-align:right}
.sr-score-num{font-size:45px;font-weight:500;line-height:1}
.sr-score-label{font-size:13px;color:#999;margin-top:3px}
.score-g{color:var(--green)}
.score-a{color:var(--amber)}

.showcase-report-body{padding:30px 35px}
.sr-verdict{font-family:var(--serif);font-size:18px;line-height:1.8;color:#6b6b6b;font-style:italic;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}
.sr-verdict b{color:#1a1a1a;font-weight:500;font-style:normal}

.sr-dims{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.sr-dim{display:flex;align-items:center;gap:8px;padding:8px 18px;background:#f8f4ea;border-radius:8px;font-size:15px;color:#6b6b6b}
.sr-dim-bar{width:45px;height:5px;border-radius:3px;background:#eee;overflow:hidden}
.sr-dim-fill{height:100%;border-radius:3px}

.sr-qs{padding-top:30px;border-top:1px solid #eee}
.sr-q-head{font-size:13px;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}
.sr-q{font-size:16px;color:#6b6b6b;padding:8px 0;display:flex;gap:10px;line-height:1.6}
.sr-q-n{color:var(--amber);font-weight:500;flex-shrink:0;font-size:15px}

.showcase-report-footer{padding:20px 35px;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#bbb}
.sr-read-link{font-size:15px;font-weight:500;color:var(--blue);text-decoration:none;transition:opacity .2s;display:inline-flex;align-items:center;gap:5px}
.sr-read-link:hover{opacity:.7}

/* REPORT TYPES */
.types{padding:100px 60px;background:#fff;text-align:center}
.types h2{font-size:35px;font-weight:500;color:#1a1a1a;margin-bottom:10px;letter-spacing:-0px}
.types>p{font-size:19px;color:#6b6b6b;line-height:1.7;max-width:700px;margin:0 auto 60px}
.type-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;max-width:1125px;margin:0 auto}
.type-card{padding:45px 35px;background:#f8f4ea;transition:background .3s,transform .3s,box-shadow .3s;text-align:left}
.type-card:hover{background:#f2f2ef;transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.type-card:first-child{border-radius:18px 0 0 18px}
.type-card:last-child{border-radius:0 18px 18px 0}
.type-tagline{font-family:var(--serif);font-size:16px;color:var(--blue);margin-bottom:18px;display:block;line-height:1.4}
.type-card h3{font-size:20px;font-weight:500;color:#1a1a1a;margin-bottom:10px}
.type-card p{font-size:16px;color:#6b6b6b;line-height:1.7;margin-bottom:20px}
.type-includes{font-size:14px;color:#999;line-height:1.8}
.type-includes b{color:#6b6b6b;font-weight:500}

/* MID CTA (light) */
.mid-cta{padding:70px 60px;text-align:center;background:#f8f4ea;border-top:1px solid #eee;border-bottom:1px solid #eee}
.mid-cta p{font-family:var(--serif);font-size:25px;font-style:italic;color:#1a1a1a;margin-bottom:30px;line-height:1.5}

/* MOBILE */
@media(max-width:960px){
  .report-overview{padding:60px 25px}
  .report-parts{grid-template-columns:1fr}
  .showcase{padding:60px 25px}
  .types{padding:60px 25px}
  .type-cards{grid-template-columns:1fr;gap:3px}
  .type-card{border-radius:0!important}
  .type-card:first-child{border-radius:18px 18px 0 0!important}
  .type-card:last-child{border-radius:0 0 18px 18px!important}
  .mid-cta{padding:50px 25px}
}