:root{
  --bg:#080909; --panel:#101111; --panel2:#151616; --text:#f3f3ef;
  --muted:#969994; --line:#252725; --accent:#b9ff62; --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:10;background:rgba(8,9,9,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-weight:900;letter-spacing:.14em;font-size:15px}
.logo span{display:block;color:var(--muted);font-size:9px;letter-spacing:.25em;margin-top:2px}
.links{display:flex;gap:20px;flex-wrap:wrap;color:#c9cbc5;font-size:13px}
.links a:hover{color:var(--accent)}
.hero{padding:110px 0 85px;border-bottom:1px solid var(--line)}
.kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h1{font-size:clamp(48px,9vw,104px);line-height:.92;letter-spacing:-.055em;margin:18px 0 25px;max-width:900px}
h1 em{font-style:normal;color:#8f928d}
.lead{font-size:19px;color:#b5b8b1;max-width:650px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;padding:13px 18px;border:1px solid var(--line);background:var(--text);color:#090a09;font-weight:800;font-size:13px}
.btn.alt{background:transparent;color:var(--text)}
.btn:hover{transform:translateY(-1px)}
section{padding:78px 0;border-bottom:1px solid var(--line)}
.sectionhead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
h2{font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:0}
.small{color:var(--muted);font-size:13px;max-width:500px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:var(--panel);border:1px solid var(--line);padding:24px;min-height:180px;transition:.2s}
.card:hover{border-color:#454844;transform:translateY(-2px)}
.card h3{margin:10px 0 8px;font-size:20px}
.card p{margin:0;color:#999d96;font-size:14px}
.num{font-size:11px;color:var(--accent);font-weight:900;letter-spacing:.16em}
.lab{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.project{background:var(--panel);border:1px solid var(--line);padding:20px;display:flex;justify-content:space-between;gap:20px}
.status{font-size:10px;font-weight:900;letter-spacing:.12em;padding:5px 8px;border:1px solid #3c403b;color:var(--accent);white-space:nowrap;height:max-content}
.quote{font-size:clamp(28px,4vw,50px);line-height:1.08;letter-spacing:-.04em;max-width:850px}
footer{padding:55px 0;color:#858982;font-size:12px}
.pagehero{padding:90px 0 55px;border-bottom:1px solid var(--line)}
.pagehero h1{font-size:clamp(45px,7vw,82px)}
.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:20px}
.tag{display:inline-block;border:1px solid var(--line);padding:6px 9px;margin:4px 4px 0 0;color:#b8bbb4;font-size:11px}
@media(max-width:800px){
 .links{display:none}.hero{padding:75px 0}.grid{grid-template-columns:1fr}.lab{grid-template-columns:1fr}
 .sectionhead{display:block}.sectionhead .small{margin-top:12px}
}