*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#0d1117;color:#c9d1d9;line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;background:rgba(13,17,23,.9);backdrop-filter:blur(8px);border-bottom:1px solid #21262d;z-index:5}
.navin{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-weight:700;color:#fff;display:flex;gap:10px;align-items:center}
.mark{height:36px;width:auto;display:block}.name{white-space:nowrap;letter-spacing:.02em}.flogo{width:150px;height:auto;opacity:.9;margin-bottom:10px}
nav a{margin-left:22px;color:#8b949e}nav a:hover{color:#fff}
.hero{padding:110px 0 90px;background:radial-gradient(ellipse at top right,#1f2a38,transparent 60%),linear-gradient(#0d1117,#111820)}
.eyebrow{color:#7d9cc0;text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:600}
h1{font-size:clamp(2.2rem,6vw,3.8rem);color:#fff;line-height:1.1;margin:14px 0 20px}h1 span{color:#9fb3c8}
.lead{max-width:620px;font-size:1.15rem;color:#9aa4b0}.cta{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;background:#c5d2e0;color:#0d1117;padding:12px 22px;border-radius:8px;font-weight:600}.btn:hover{background:#fff}
.btn.ghost{background:transparent;color:#c5d2e0;border:1px solid #3a4553}.btn.sm{padding:9px 16px;font-size:.9rem;margin-top:16px}
.sec{padding:80px 0}.alt{background:#111820;border-block:1px solid #21262d}h2{color:#fff;font-size:2rem}.sub{color:#8b949e;margin:6px 0 34px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{background:linear-gradient(#161b22,#12171e);border:1px solid #2a313b;border-radius:12px;padding:26px}
.card h3{color:#fff;font-size:1.35rem;margin:12px 0 8px}.card ul{margin:14px 0 0 18px;color:#9aa4b0}
.tag{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:99px;border:1px solid}.live{color:#7ee2a8;border-color:#2d6a48}.pilot{color:#7db8f0;border-color:#2c4f73}.dev{color:#e6c07b;border-color:#6b5428}
.two{display:grid;grid-template-columns:1.3fr 1fr;gap:48px}.two p{margin-top:14px}.vals{list-style:none;padding:0;display:grid;gap:14px}
.vals li{background:#161b22;border-left:3px solid #8b9bb0;padding:14px 18px;border-radius:6px;color:#9aa4b0}.vals b{display:block;color:#fff}
.center{text-align:center}.note{margin-top:14px;font-size:.85rem;color:#e6c07b}
footer{padding:28px 0;border-top:1px solid #21262d;color:#6e7681;text-align:center;font-size:.9rem}
.shots{display:grid;gap:28px}.shot{margin:0;background:#0d1117;border:1px solid #2a313b;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.shot img{display:block;width:100%;height:auto;border-bottom:1px solid #21262d}
.shot figcaption{padding:14px 18px;color:#9aa4b0;font-size:.95rem}
.shot-note{margin-top:22px}.shot-note a{color:#7d9cc0;font-weight:600}.shot-note a:hover{color:#fff}
@media(max-width:720px){.two{grid-template-columns:1fr}nav a{margin-left:14px;font-size:.9rem}.hero{padding:70px 0 60px}}
@media(max-width:560px){.navin{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:8px;row-gap:4px}.navin nav{width:100%;display:flex;justify-content:space-between}nav a{margin-left:0}.mark{height:30px}}