/* simulai.dev */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0D1117; color: #7D8590; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.65; }
.section-heading { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.4rem; color: #E6EDF3; text-align: center; margin-bottom: 2rem; }
.terminal-panel { background: #0D1117; border: 1px solid #21262D; border-radius: 8px; overflow: hidden; }
.terminal-chrome { display: flex; gap: 6px; padding: 10px 12px; border-bottom: 1px solid #21262D; }
.dot { width: 10px; height: 10px; border-radius: 50%; }
.dot.red { background: #FF6B4A; }
.dot.yellow { background: #FFA657; }
.dot.green { background: #58D68D; }
.terminal-body { padding: 1rem 1.25rem; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; }
.cmd { color: #E6EDF3; margin-bottom: 0.25rem; }
.cmd::before { content: ''; }
.output { color: #58D68D; margin-bottom: 0.15rem; }
.hero { max-width: 700px; margin: 0 auto; padding: 4rem 2rem 3rem; text-align: center; }
.hero-terminal { margin-bottom: 2rem; text-align: left; }
.o1 { animation: fadeIn 0.3s 0.5s ease forwards; opacity: 0; }
.o2 { animation: fadeIn 0.3s 1s ease forwards; opacity: 0; }
.o3 { animation: fadeIn 0.3s 1.5s ease forwards; opacity: 0; }
.o4 { animation: fadeIn 0.3s 2s ease forwards; opacity: 0; }
@keyframes fadeIn { to { opacity: 1; } }
.headline { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(1.4rem, 3vw, 2rem); color: #E6EDF3; margin-bottom: 1.5rem; }
.docs-btn { display: inline-block; font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 0.95rem; color: #0D1117; background: #58D68D; padding: 0.7rem 2rem; border-radius: 6px; text-decoration: none; }
.quickstart { max-width: 600px; margin: 0 auto; padding: 3rem 2rem; }
.steps { display: flex; flex-direction: column; gap: 2rem; }
.step { position: relative; }
.step-num { position: absolute; right: 0; top: -0.5rem; font-family: 'JetBrains Mono', monospace; font-size: 3rem; color: rgba(88,214,141,0.08); font-weight: 700; }
.step-title { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 1rem; color: #E6EDF3; margin-bottom: 0.75rem; }
.features { max-width: 800px; margin: 0 auto; padding: 3rem 2rem; }
.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.feature-block { background: #161B22; border: 1px solid #21262D; border-radius: 8px; padding: 1.25rem; }
.feature-name { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 0.95rem; color: #E6EDF3; margin-bottom: 0.35rem; }
.feature-desc { font-size: 0.85rem; color: #7D8590; margin-bottom: 0.75rem; }
.feature-code { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: #79C0FF; background: rgba(33,38,45,0.5); padding: 4px 8px; border-radius: 4px; }
.api-ref { max-width: 700px; margin: 0 auto; padding: 3rem 2rem; }
.api-layout { display: flex; gap: 1.5rem; background: #161B22; border: 1px solid #21262D; border-radius: 8px; overflow: hidden; }
.module-sidebar { border-right: 1px solid #21262D; min-width: 160px; padding: 1rem 0; }
.module-item { padding: 0.5rem 1rem; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; color: #7D8590; border-left: 3px solid transparent; cursor: pointer; }
.module-item.active { border-left-color: #58D68D; color: #E6EDF3; font-weight: 500; }
.api-content { padding: 1rem; flex: 1; }
.api-sig { font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; color: #E6EDF3; margin-bottom: 0.75rem; padding: 0.5rem; background: rgba(13,17,23,0.5); border-radius: 4px; }
.kw { color: #FF7B72; }
.fn { color: #E6EDF3; }
.param { color: #79C0FF; }
.type { color: #FFA657; }
.ret { color: #58D68D; }
.val { color: #79C0FF; }
.footer { max-width: 600px; margin: 0 auto; padding: 3rem 2rem; text-align: center; }
.footer-term { margin-bottom: 1.5rem; text-align: left; }
.footer-links { display: flex; justify-content: center; align-items: center; gap: 1.5rem; margin-bottom: 0.5rem; }
.flink { font-size: 0.8rem; color: #58D68D; text-decoration: none; }
.stars-badge { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: #7D8590; border: 1px solid #21262D; border-radius: 4px; padding: 2px 8px; }
.footer-copy { font-size: 0.7rem; color: #7D8590; }
@media (max-width: 640px) { .feature-grid { grid-template-columns: 1fr; } .api-layout { flex-direction: column; } .module-sidebar { border-right: none; border-bottom: 1px solid #21262D; min-width: auto; display: flex; overflow-x: auto; } .module-item { border-left: none; border-bottom: 3px solid transparent; white-space: nowrap; } .module-item.active { border-left-color: transparent; border-bottom-color: #58D68D; } }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }