*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.6}body{background:#0C0E14;color:#A8B0C0;font-family:'Inter',sans-serif}
.container{max-width:900px;margin:0 auto;padding:0 24px}
.site-header{text-align:center;padding:48px 24px;border-bottom:1px solid #1E2130}
.logo{font-family:'Space Mono',monospace;font-size:2rem;font-weight:700;color:#E8A83D}
.tagline{font-size:0.85rem;color:#8B5CF6;margin-top:8px}
.hero{text-align:center;padding:40px 0}
.hero h2{font-size:1.8rem;color:#E8A83D;margin-bottom:10px}
.hero p{color:#A8B0C0;max-width:560px;margin:0 auto;font-size:0.9rem}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:40px 0}
.feature-card{background:#1E2130;border:1px solid #141824;border-radius:8px;padding:24px;opacity:0;transform:translateY(20px);transition:all 400ms ease-out}
.feature-card.visible{opacity:1;transform:translateY(0)}
.feature-card:hover{border-color:#E8A83D}
.feature-icon{display:inline-block;width:36px;height:36px;border-radius:8px;color:#0C0E14;font-family:'Space Mono',monospace;font-weight:700;font-size:0.8rem;line-height:36px;text-align:center;margin-bottom:12px}
.feature-card h3{font-size:1rem;color:#F0F0F0;margin-bottom:6px}
.feature-card p{font-size:0.8rem;color:#A8B0C0}
.stats-bar{display:flex;justify-content:center;gap:48px;padding:32px 0;border-top:1px solid #1E2130;text-align:center}
.stat-num{display:block;font-family:'Space Mono',monospace;font-size:1.8rem;font-weight:700;color:#E8A83D}
.stat-label{font-size:0.7rem;color:#8B5CF6;text-transform:uppercase;letter-spacing:0.05em}
.site-footer{text-align:center;padding:24px;color:#1E2130;font-size:0.8rem}
@media(max-width:640px){.features{grid-template-columns:1fr}.stats-bar{flex-direction:column;gap:16px}}