:root{
  --accent:oklch(0.5 0.16 35);
  --accent-dark:oklch(0.42 0.18 35);
  --ink:oklch(0.18 0.01 40);
  --muted:oklch(0.5 0.01 40);
  --muted-2:oklch(0.55 0.01 40);
  --line:oklch(0.91 0.005 60);
  --line-2:oklch(0.88 0.005 60);
  --page-bg:oklch(0.98 0.004 60);
  --chip-bg:oklch(0.96 0.005 60);
  --font:'Roboto','Segoe UI',Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}

body{
  margin:0;
  font-family:var(--font);
  background:var(--page-bg);
  color:var(--ink);
}
a{color:var(--accent);}
a:hover{color:var(--accent-dark);}
::selection{background:oklch(0.85 0.08 35);}

/* nav */
.nav{background:#fff;border-bottom:1px solid var(--line);padding:0 40px;}
.nav-inner{max-width:1160px;margin:0 auto;height:60px;display:flex;align-items:center;justify-content:space-between;}
.nav-brand{display:flex;align-items:center;gap:12px;}
.nav-brand img{height:22px;width:auto;display:block;}
.nav-brand .sep{width:1px;height:18px;background:var(--line-2);}
.nav-brand .label{font-size:14px;color:var(--muted);}
.nav-pill{font-size:13px;font-weight:600;color:var(--muted);background:var(--chip-bg);padding:6px 12px;border-radius:7px;}

/* header */
.hero{background:#fff;padding:48px 40px 32px;}
.hero-inner{max-width:1160px;margin:0 auto;}
.hero h1{font-size:34px;font-weight:800;color:var(--ink);margin:0 0 10px;letter-spacing:-0.01em;}
.hero p{font-size:15px;line-height:1.6;color:var(--muted);max-width:620px;margin:0 0 24px;}

.search-wrap{position:relative;max-width:420px;}
.search-wrap .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:oklch(0.65 0.01 40);font-size:15px;pointer-events:none;}
.search-wrap input{
  width:100%;box-sizing:border-box;padding:11px 14px 11px 38px;border-radius:9px;
  border:1px solid var(--line-2);font-size:14px;font-family:inherit;color:oklch(0.2 0.01 40);background:#fff;
}
.search-wrap input:focus{outline:none;border-color:var(--accent);}

/* main */
.wrap{max-width:1160px;margin:0 auto;padding:8px 40px 80px;}

.tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.tab{
  padding:8px 14px;border-radius:7px;font-size:13px;font-weight:600;border:none;cursor:pointer;
  background:transparent;color:var(--muted);font-family:inherit;transition:all .15s ease;
}
.tab:hover{color:oklch(0.3 0.01 40);}
.tab.active{background:#fff;color:oklch(0.25 0.01 40);box-shadow:0 1px 3px oklch(0.2 0.02 40 / 0.12);}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;}

.card{
  position:relative;display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:22px;
  border:1px solid var(--line);transition:border-color .15s ease,box-shadow .15s ease;
}
.card:hover{border-color:oklch(0.8 0.008 40);box-shadow:0 4px 14px oklch(0.2 0.02 40 / 0.07);}
.card-link{position:absolute;inset:0;z-index:0;}
.card-link.disabled{cursor:not-allowed;}

.avatar{
  width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;margin-bottom:14px;
}
.team-0{background:oklch(0.93 0.045 35);color:oklch(0.5 0.16 35);}
.team-1{background:oklch(0.92 0.03 270);color:oklch(0.5 0.1 270);}
.team-2{background:oklch(0.92 0.05 170);color:oklch(0.48 0.1 170);}
.team-3{background:oklch(0.92 0.04 300);color:oklch(0.5 0.11 300);}
.team-4{background:oklch(0.93 0.05 90);color:oklch(0.48 0.12 90);}

.card h3{font-size:16px;font-weight:700;color:oklch(0.2 0.01 40);margin:0 0 3px;line-height:1.35;}
.card .team{font-size:11.5px;font-weight:600;color:var(--muted-2);margin:0 0 10px;text-transform:uppercase;letter-spacing:.02em;}
.card p.desc{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0 0 18px;flex:1;}

.card-foot{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;}

.status-chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;}
.status-live{color:oklch(0.4 0.13 150);background:oklch(0.94 0.05 150);}
.status-pilot{color:oklch(0.46 0.13 75);background:oklch(0.95 0.06 80);}
.status-dev{color:oklch(0.42 0.015 60);background:oklch(0.93 0.006 60);}
.status-prototype{color:oklch(0.46 0.13 270);background:oklch(0.93 0.04 270);}

.brd-link{font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;}
.brd-link:hover{color:var(--accent-dark);}
.brd-link.disabled{color:oklch(0.75 0.005 40);pointer-events:none;}

.empty{text-align:center;padding:80px 20px;color:oklch(0.55 0.01 40);font-size:15px;}