:root {
  --bg:#080a0d;
  --panel:#101419;
  --panel2:#151a20;
  --line:#293039;
  --text:#f0eee9;
  --muted:#969da7;
  --copper:#db935d;
  --copper2:#f0b684;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 6%;border-bottom:1px solid var(--line);background:#0b0d10}
.brand{font-weight:900;font-size:21px;letter-spacing:2px;white-space:nowrap}
.brand span,.brand-mark{color:var(--copper)}
.brand-mark{margin-right:8px}
nav{display:flex;gap:28px}
nav a{font-size:13px;color:#b5bac1}
nav a:hover{color:var(--copper)}
.nav-cta{border:1px solid var(--copper);color:var(--copper);padding:10px 18px;border-radius:4px;font-size:12px;font-weight:bold}
.hero{padding:95px 6% 110px;background:radial-gradient(ellipse at 80% 30%,#251b17 0%,#080a0d 58%)}
.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:bold;color:var(--copper);margin-bottom:20px}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}
.status-pill{display:inline-flex;align-items:center;gap:10px;background:#1a211e;border:1px solid #344638;color:#9fcbab;font-size:10px;font-weight:bold;letter-spacing:1.2px;padding:10px 14px;border-radius:30px}
.pulse,.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#77c796;box-shadow:0 0 12px #77c79666}
h1{font-size:clamp(48px,6.3vw,91px);line-height:1.05;letter-spacing:-4px;margin:30px 0}
h1 em,h2 em{font-style:normal;color:var(--copper)}
.hero-description{font-size:17px;color:var(--muted);max-width:560px}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.button{padding:15px 23px;border-radius:4px;font-size:13px;font-weight:bold}
.primary{background:var(--copper);color:#14100e}
.secondary{border:1px solid #48505a}
.hero-note{margin-top:34px;font-size:10px;letter-spacing:1.2px;color:#818891}
.visual{position:relative;min-height:465px;border:1px solid #4a3830;border-radius:10px;background:radial-gradient(circle,#322018 0%,#121416 49%,#0a0c10 78%);overflow:hidden}
.visual-top,.visual-bottom{position:absolute;left:25px;right:25px;font-size:10px;color:#a8a0a0;letter-spacing:1.4px}
.visual-top{top:22px;display:flex;justify-content:space-between}
.visual-bottom{bottom:22px;text-align:center}
.core{height:340px;display:flex;align-items:center;justify-content:center;position:relative}
.orbit{position:absolute;border:1px solid #a56b4855;border-radius:50%;width:250px;height:250px}
.orbit-two{width:315px;height:315px;border-style:dashed}
.core-center{width:145px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#382218;border:1px solid var(--copper);box-shadow:0 0 75px #d98c4e35;font-size:75px;color:var(--copper)}
.core-center span{font-size:11px;letter-spacing:4px;margin-top:-18px}
.architecture{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.architecture span{border:1px solid #5b4435;color:#e5b28e;padding:8px 12px;font-size:10px;letter-spacing:1px}
.section{padding:100px 6%}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}
h2{font-size:clamp(36px,4vw,58px);line-height:1.14;letter-spacing:-2px;margin:0 0 22px}
.section p{color:var(--muted)}
.experiment-badge{color:var(--copper);font-size:11px;border:1px solid #5b4435;padding:12px;white-space:nowrap}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px}
.metric{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:6px}
.metric.featured{border-color:#986442;background:linear-gradient(145deg,#241b17,#101419)}
.metric-label{font-size:10px;letter-spacing:1.5px;color:#aab0b7}
.metric-value{font-size:clamp(32px,3.2vw,52px);font-weight:800;letter-spacing:-2px;margin:18px 0}
.metric-value small{font-size:20px;color:var(--copper)}
.metric-detail{font-size:12px;color:#9199a3}
.metric-bar{height:5px;background:#3a302b;margin:15px 0}
.metric-bar span{display:block;height:100%;background:var(--copper)}
.research-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;margin-top:20px;padding:36px;background:var(--panel);border:1px solid var(--line);border-radius:6px}
h3{font-size:24px;margin:10px 0}
.research-facts{display:grid;gap:14px}
.research-facts div,.dev-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:13px}
.research-facts span,.dev-row span{color:var(--muted)}
.research-facts strong,.dev-row strong{color:var(--copper2);text-align:right}
.dark-section{background:#0d1014}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}
.feature{padding:35px;background:#15191f;border:1px solid var(--line);border-radius:6px}
.feature-icon{font-size:12px;letter-spacing:2px;color:var(--copper);margin-bottom:35px}
.feature p{min-height:100px}
.feature-tag{font-size:10px;letter-spacing:1px;color:var(--copper2)}
.section-intro{max-width:650px}
.developer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:40px}
.code-card{background:#0d1014;border:1px solid #484039;border-radius:7px;overflow:hidden}
.code-head{display:flex;justify-content:space-between;gap:15px;background:#1b1c1e;padding:15px 20px;font-size:10px;letter-spacing:1px;color:var(--copper)}
pre{margin:0;padding:30px 20px;overflow:auto;color:#d4c6b8;font-size:13px;line-height:2}
.developer-info{padding:15px 5px}
.developer-info p{margin-bottom:30px}
.status-section{background:#101419}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}
.status-grid>div{border:1px solid var(--line);padding:25px;background:#151a20;display:flex;flex-direction:column;gap:12px}
.status-grid strong{font-size:15px}
.status-grid small{color:var(--muted)}
.status-dot.amber{background:var(--copper);box-shadow:0 0 10px #db935d66}
footer{padding:50px 6%;border-top:1px solid var(--line);text-align:center}
footer p{color:var(--muted);font-size:12px}
@media(max-width:1000px){
.hero-grid,.research-panel,.developer-grid{grid-template-columns:1fr}
.metric-grid,.status-grid{grid-template-columns:repeat(2,1fr)}
.visual{max-width:650px;width:100%}
}
@media(max-width:650px){
.nav{flex-wrap:wrap}
nav{order:3;width:100%;justify-content:space-between;gap:8px}
nav a{font-size:11px}
.nav-cta{display:none}
.hero{padding-top:60px}
h1{letter-spacing:-2px}
.section{padding:70px 6%}
.section-top{display:block}
.experiment-badge{display:inline-block;margin-top:15px}
.metric-grid,.feature-grid,.status-grid{grid-template-columns:1fr}
.metric-value{font-size:45px}
.visual{min-height:410px}
.code-head{font-size:9px}
}