.top .wrap{display:flex; align-items:center; justify-content:space-between;}
.top-back{font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--line); padding-bottom:2px; transition:color .25s ease,border-color .25s ease;}
.top-back:hover{color:var(--orange); border-color:var(--orange);}
.top-right{display:flex; align-items:center; gap:16px;}
.lang-switch{font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); border:1px solid var(--line); padding:6px 12px; border-radius:2px; transition:color .25s ease,border-color .25s ease;}
.lang-switch:hover{color:var(--orange); border-color:var(--orange);}

.stage{flex:1; position:relative; padding:70px 0 100px;}
.stage-glow{position:absolute; inset:0; z-index:0; pointer-events:none; background:radial-gradient(620px circle at 20% 10%, rgba(255,90,31,.12), transparent 70%);}
.stage-in{position:relative; z-index:2;}
.blog-h1{font-family:'Unbounded',sans-serif; font-weight:800; font-size:clamp(30px,4.4vw,50px); line-height:1.1; letter-spacing:-.01em; max-width:640px;}
.blog-sub{margin-top:18px; font-size:16px; line-height:1.65; color:var(--muted); max-width:520px;}

.blog-grid{margin-top:56px; display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,380px)); gap:1px; background:var(--line); border:1px solid var(--line); max-width:100%; width:fit-content;}
.blog-card{background:var(--bg); padding:32px; display:flex; flex-direction:column; transition:background .25s ease;}
.blog-card:hover{background:rgba(245,243,238,.03);}
.blog-card:hover .blog-card-title{color:var(--orange);}
.blog-card-meta{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted);}
.blog-card-title{margin-top:16px; font-family:'Unbounded',sans-serif; font-weight:700; font-size:19px; line-height:1.35; transition:color .25s ease;}
.blog-card-desc{margin-top:12px; font-size:14.5px; line-height:1.6; color:var(--muted); flex:1;}
.blog-card-arrow{margin-top:24px; font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--text);}

.blog-card-ghost{background:transparent; border:1px dashed var(--line); opacity:.6;}
.blog-card-ghost .blog-card-title{color:var(--muted);}

.blog-empty{margin-top:56px; padding:32px; border:1px solid var(--line); font-size:14.5px; line-height:1.6; color:var(--muted); max-width:520px;}