#hero { min-height: 100vh; display: flex; align-items: center; padding: 120px 48px 80px; position: relative; overflow: hidden; }
.hero-grid-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(249,115,22,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(249,115,22,0.03) 1px, transparent 1px); background-size: 48px 48px; }
.hero-glow { position: absolute; top: 20%; left: 40%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(249,115,22,0.07) 0%, transparent 70%); pointer-events: none; }
.hero-content { position: relative; max-width: 860px; }
.hero-tag { font-family: var(--font-mono); font-size: 14px; color: var(--orange); letter-spacing: 0.3em; text-transform: uppercase; margin-bottom: 24px; display: flex; align-items: center; gap: 12px; }
.hero-tag::before { content: ''; width: 40px; height: 1px; background: var(--orange); }
.hero-name { font-family: var(--font-display); font-size: clamp(3rem,8vw,6.5rem); font-weight: 900; line-height: 1; color: #fff; margin-bottom: 12px; }
.hero-name .accent { color: var(--orange); }
.hero-role { font-family: var(--font-mono); font-size: clamp(14px,2vw,18px); color: var(--text-dim); margin-bottom: 32px; letter-spacing: 0.08em; }
.hero-role .blink { animation: blink 1.1s step-end infinite; } @keyframes blink { 50%{opacity:0;} }
.hero-bio { font-size: 17px; font-weight: 300; color: var(--text); max-width: 560px; line-height: 1.8; margin-bottom: 40px; border-left: 2px solid var(--orange); padding-left: 20px; }
.hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.btn { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; padding: 13px 28px; text-decoration: none; border: 1px solid; transition: all 0.2s; display: inline-block; }
.btn-primary { border-color: var(--orange); color: var(--orange); } .btn-primary:hover { background: var(--orange); color: #111; }
.btn-ghost { border-color: var(--border); color: var(--text-dim); } .btn-ghost:hover { border-color: var(--orange); color: var(--orange); }
.hero-stats { position: absolute; right: 48px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 24px; }
.stat-item { text-align: right; }
.stat-value { font-family: var(--font-display); font-size: 28px; font-weight: 700; color: var(--orange); display: block; }
.stat-label { font-family: var(--font-mono); font-size: 16px; color: var(--text-dim); letter-spacing: 0.15em; text-transform: uppercase; }