:root{
  --bg:#1A1F1A;
  --panel:#242B24;
  --card:#20261F;
  --text:#E6EBE6;
  --muted:#8FA18F;
  --line:#3A453A;
  --chip:#2E362E;
  --chipLine:#4A524A;
  --accent:#C85A32;
  --accent2:#3A633B;
  --good:#38EF7D;
  --warn:#E2B05E;
}


*{box-sizing:border-box}
html,body{height:100%}


body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background-color: var(--bg);
  background-image:
    radial-gradient(1200px 600px at 20% -10%, rgba(200,90,50,.16), transparent 60%),
    radial-gradient(900px 600px at 90% 10%, rgba(58,99,59,.22), transparent 55%),
    linear-gradient(rgba(15,18,15,.72), rgba(15,18,15,.72)),
    url('overgrowth-tile.jpg');
  background-repeat: no-repeat, no-repeat, repeat, repeat;
  background-size: auto, auto, auto, 1400px auto;
  color:var(--text);
}


a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}


.container{
  max-width:1100px;
  margin:0 auto;
  padding:22px;
}


.top{
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(10px);
  background:rgba(11,15,22,.65);
  border-bottom:1px solid var(--line);
}


.top-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}


.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:260px;
}


.avatar{
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(200,90,50,.9), rgba(58,99,59,.9));
  display:flex;
  align-items:center;
  justify-content:center;
  color:#071018;
  font-weight:800;
  letter-spacing:.8px;
  font-size:13px;
}


.name{font-weight:800}
.title{color:var(--muted); font-size:13px; margin-top:2px}


.nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}


.nav a{
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  color:var(--text);
  font-size:13px;
}


.nav a:hover{
  border-color:rgba(200,90,50,.75);
  text-decoration:none;
}


.hero{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding-top:18px;
  padding-bottom:6px;
}


@media (max-width:980px){
  .brand{min-width:unset}
}


.hero-columns{
  display:grid;
  grid-template-columns:1.35fr .85fr;
  gap:18px;
}


@media (max-width:980px){
  .hero-columns{
    grid-template-columns:1fr;
  }
}


.hero-left h1{
  grid-column:1 / -1;
  margin:0 0 10px 0;
  font-size:42px;
  letter-spacing:-.5px;
}


.hero-sub{
  color:var(--muted);
  font-size:17px;
  margin:4px 0 12px 0;
  line-height:1.6;
  max-width:1200px;
  white-space:normal;
}


.hero-title{
  grid-column:1 / -1;
  font-size:clamp(28px, 3vw, 42px);
  margin:0 0 6px 0;
  white-space:normal;
}


.hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}


.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(16,24,38,.55);
  color:var(--text);
  font-weight:650;
  font-size:14px;
}


.btn:hover{
  border-color:rgba(200,90,50,.65);
  text-decoration:none;
}


.btn.primary{
  border-color:rgba(200,90,50,.75);
  background:linear-gradient(135deg, rgba(200,90,50,.95), rgba(58,99,59,.85));
  color:#071018;
}


.stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-top:8px;
}


@media (max-width:640px){
  .stats{grid-template-columns:repeat(3, minmax(0,1fr))}
}


.stat{
  border:1px solid var(--line);
  background:rgba(15,23,36,.55);
  border-radius:16px;
  padding:12px;
}


.stat-num{font-weight:900; font-size:15px}
.stat-label{color:var(--muted); font-size:13px; margin-top:2px}


.panel{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(16,24,38,.62);
  padding:16px;
}


.panel-head{margin-bottom:10px}
.panel-title{font-weight:850}
.panel-sub{color:var(--muted); font-size:13px; margin-top:4px}


.card{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(15,23,36,.62);
  padding:16px;
  margin-top:16px;
}


.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}


@media (max-width:980px){
  .grid-2{grid-template-columns:1fr}
}


h2{
  margin:0 0 10px 0;
  font-size:18px;
  letter-spacing:-.2px;
}


.muted{color:var(--muted); margin:0}


.bullets{
  margin:10px 0 0 18px;
  padding:0;
}


.bullets li{margin:7px 0; color:var(--text)}
.bullets li::marker{color:rgba(200,90,50,.8)}


.chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}


.chip{
  border:1px solid var(--chipLine);
  background:rgba(22,34,53,.65);
  padding:8px 10px;
  border-radius:999px;
  font-size:13px;
  color:var(--text);
}


.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}


.ghost{
  border:1px solid var(--line);
  background:transparent;
  color:var(--muted);
  padding:8px 10px;
  border-radius:12px;
  cursor:pointer;
}


.ghost:hover{
  border-color:rgba(200,90,50,.65);
  color:var(--text);
}


.timeline{
  margin-top:8px;
  display:flex;
  flex-direction:column;
  gap:12px;
}


.tl-item{
  position:relative;
  display:grid;
  grid-template-columns:16px 1fr;
  gap:10px;
}


.tl-dot{
  width:12px;
  height:12px;
  margin-top:6px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(200,90,50,.9), rgba(58,99,59,.85));
  box-shadow:0 0 0 4px rgba(200,90,50,.08);
}


.tl-content{
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(16,24,38,.55);
  padding:12px 12px 10px 12px;
}


.tl-role{
  font-weight:800;
  margin-bottom:2px;
}


.tl-meta{
  color:var(--muted);
  font-size:13px;
}


.tl-top{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-items:start;
}


.tl-body{
  margin-top:6px;
}


.toggle{
  display:block;
  width:100%;
  margin-top:8px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(22,34,53,.65);
  color:var(--text);
  font-weight:600;
  text-align:center;
  cursor:pointer;
}


.toggle:hover{
  border-color:rgba(200,90,50,.65);
}


.fit textarea{
  width:100%;
  min-height:180px;
  resize:vertical;
  padding:12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(15,23,36,.75);
  color:var(--text);
  font-family:inherit;
  font-size:14px;
  line-height:1.5;
}


.fit-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}


.fit-results{
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(16,24,38,.55);
  padding:14px;
}


.fit-score{
  font-weight:900;
  margin-bottom:10px;
}


.fit-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}


@media (max-width:900px){
  .fit-cols{grid-template-columns:1fr}
}


.fit-h{
  font-weight:800;
  margin-bottom:6px;
}


.contact{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin-top:10px;
}


@media (max-width:900px){
  .contact{grid-template-columns:1fr}
}


.contact-k{
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.6px;
}


.contact-v{
  margin-top:4px;
  font-weight:700;
}


.foot{
  margin-top:12px;
  color:var(--muted);
  font-size:13px;
}

/* --- Added: view switch, company badges, verification popover --- */
.view-switch{
  display:flex;
  gap:6px;
  margin-left:auto;
}
.view-btn{
  border:1px solid var(--line);
  background:transparent;
  color:var(--muted);
  padding:6px 10px;
  border-radius:10px;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
}
.view-btn.active{
  border-color:rgba(200,90,50,.75);
  background:rgba(200,90,50,.12);
  color:var(--text);
}
.section-head{ flex-wrap:wrap; gap:10px; }

.tl-top{
  grid-template-columns:40px 1fr;
  align-items:start;
}
.co-badge{
  width:40px;
  height:40px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(200,90,50,.9), rgba(58,99,59,.9));
  color:#071018;
  font-weight:800;
  font-size:10px;
  letter-spacing:.3px;
  text-align:center;
  line-height:1.1;
}
.co-badge:hover{ text-decoration:none; filter:brightness(1.08); }

.tl-company{
  position:relative;
  display:inline-block;
  font-weight:800;
  margin-bottom:2px;
}
.tl-company-name{ cursor:default; border-bottom:1px dotted rgba(168,179,199,.5); }

.verify-tip{
  display:none;
  position:absolute;
  left:0;
  top:100%;
  margin-top:6px;
  min-width:260px;
  z-index:30;
  background:rgba(10,14,20,.98);
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
  font-size:12px;
  font-weight:500;
  color:var(--text);
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.tl-company-name:hover + .verify-tip,
.tl-company-name:focus + .verify-tip{
  display:block;
}

.func-group{ margin-top:16px; }
.func-group:first-child{ margin-top:0; }
.func-group h3{ margin:0 0 6px; font-size:15px; }
.func-dates{ color:var(--muted); font-size:12px; }