
:root{
--bg:#0B0F14;--graphite:#11161D;--copper:#B48E6C;--text:#F5F4F1;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:24px 60px;background:rgba(11,15,20,.9);backdrop-filter:blur(10px);z-index:10}
.logo{font-size:38px;color:var(--copper)}
nav a{color:#ddd;text-decoration:none;margin-left:24px}
.hero{min-height:100vh;padding:160px 80px;position:relative}
.orbit{position:absolute;top:80px;right:-150px;width:1200px;height:600px;border-top:2px solid var(--copper);border-radius:50%}
h1{font-size:82px;max-width:700px}
h2{font-size:48px;margin-bottom:20px;color:var(--copper)}
section{padding:120px 80px;border-top:1px solid #1e2630}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card{background:#11161D;padding:30px;border:1px solid #26303d;border-radius:12px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}
.stat{padding:20px;border-left:2px solid var(--copper)}
footer{padding:60px 80px;border-top:1px solid #26303d}
