*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.6}body{background:#1A1A2E;color:#C0C0C0;font-family:'IBM Plex Sans',sans-serif}
.site-header{padding:24px;text-align:center}
.logo{font-family:'Space Mono',monospace;font-size:2rem;font-weight:700;color:#42A5F5}.logo-dot{color:#66BB6A}
.bento-grid{max-width:1080px;margin:0 auto;padding:0 16px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bento-item{background:#3A3A5E;border-radius:12px;padding:24px;opacity:0;transform:scale(0.95);transition:all 400ms ease-out}
.bento-item.visible{opacity:1;transform:scale(1)}
.bento-hero{grid-column:span 2;background:linear-gradient(135deg,#3A3A5E,#1A1A2E);border:1px solid #42A5F5;padding:40px}
.bento-hero h2{font-family:'Space Mono',monospace;font-size:2rem;color:#42A5F5;margin-bottom:12px;line-height:1.3}
.bento-hero p{color:#C0C0C0;font-size:0.9rem}
.bento-wide{grid-column:span 3}
.bento-stat{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#66BB6A;color:#1A1A2E}
.stat-big{font-family:'Space Mono',monospace;font-size:3rem;font-weight:700}
.stat-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;margin-top:4px}
.project-tag{font-family:'Space Mono',monospace;font-size:0.65rem;color:#42A5F5;letter-spacing:0.1em;margin-bottom:8px}
.bento-project h3{font-size:1.1rem;color:#42A5F5;margin-bottom:6px}
.bento-project p{font-size:0.8rem;color:#C0C0C0}
.bento-project:hover{border:1px solid #66BB6A}
.process-steps{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}
.step{font-family:'Space Mono',monospace;font-size:0.75rem;color:#66BB6A;border:1px solid #66BB6A;border-radius:20px;padding:6px 14px}
.bento-wide h3{font-size:1rem;color:#42A5F5;margin-bottom:8px}
.bento-cta{background:linear-gradient(135deg,#42A5F5,#3A3A5E);border:none}
.bento-cta h3{color:#1A1A2E;font-size:1rem;margin-bottom:6px}
.bento-cta p{color:#1A1A2E;font-size:0.8rem}
.site-footer{text-align:center;padding:24px;color:rgba(192,192,192,0.4);font-size:0.8rem}
@media(max-width:768px){.bento-grid{grid-template-columns:1fr}.bento-hero,.bento-wide{grid-column:span 1}}