.carbon-hero{
min-height:90vh;
display:flex;
align-items:center;
padding:8rem 2rem 4rem 2rem;
}

.hero-grid{
width:100%;
display:grid;
grid-template-columns:1fr;
gap:4rem;
align-items:center;
}

.hero-left{
display:flex;
flex-direction:column;
gap:1.4rem;
max-width:580px;
}

.hero-meta{
font-family:var(--carbon-font-mono);
font-size:.75rem;
letter-spacing:.12em;
color:var(--carbon-bronze);
}

.hero-title{
font-size:3rem;
line-height:1.1;
}

.hero-subtitle{
font-size:1rem;
opacity:.7;
max-width:460px;
}

.hero-stats{
display:flex;
gap:2rem;
margin-top:1rem;
flex-wrap:wrap;
}

.stat{
display:flex;
flex-direction:column;
gap:.3rem;
}

.stat-number{
font-family:var(--carbon-font-mono);
font-size:.9rem;
color:var(--carbon-bronze);
letter-spacing:.1em;
}

.stat-label{
font-size:.8rem;
opacity:.6;
}

.hero-terminal{
background:var(--carbon-surface);
padding:2rem;
max-width:640px;
width:100%;
}

.terminal-header{
display:flex;
justify-content:space-between;
font-family:var(--carbon-font-mono);
font-size:.7rem;
letter-spacing:.18em;
color:var(--carbon-bronze);
margin-bottom:1rem;
}

.terminal-body{
font-family:var(--carbon-font-mono);
font-size:.85rem;
min-height:160px;
}

.carbon-divider{
display:flex;
align-items:center;
justify-content:center;
gap:1.5rem;
padding:3rem 2rem;
}

.divider-line{
flex:1;
height:1px;
background:var(--carbon-surface);
}

.divider-text{
font-family:var(--carbon-font-mono);
font-size:.75rem;
letter-spacing:.25em;
color:var(--carbon-bronze);
}

.carbon-focus{
padding:2rem 2rem 6rem 2rem;
}

.focus-grid{
display:grid;
grid-template-columns:1fr;
gap:2rem;
}

.focus-card{
background:var(--carbon-surface);
padding:2rem;
display:flex;
flex-direction:column;
gap:1rem;
}

.focus-card h3{
font-size:1.1rem;
letter-spacing:.1em;
color:var(--carbon-bronze);
}

.focus-card p{
font-size:.9rem;
opacity:.7;
}

.focus-card{
position:relative;
overflow:hidden;
transition:transform .35s ease,border-color .35s ease;
border-left:3px solid transparent;
}

.focus-card::before{
content:'';
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(
120deg,
transparent 0%,
rgba(212,175,55,.18) 50%,
transparent 100%
);
transition:left .7s cubic-bezier(.4,0,.2,1);
}

.focus-card:hover{
transform:translateY(-8px);
border-left:3px solid var(--carbon-bronze);
}

.focus-card:hover::before{
left:100%;
}

@media(min-width:1024px){

.hero-grid{
grid-template-columns:1.1fr .9fr;
gap:6rem;
}

.hero-title{
font-size:4.2rem;
}

.focus-grid{
grid-template-columns:repeat(3,1fr);
}

.carbon-hero{
padding:8rem 6rem 4rem 6rem;
}

.carbon-focus{
padding:2rem 6rem 6rem 6rem;
}

.carbon-divider{
padding:3rem 6rem;
}

}

.tools-section{
padding:120px 0;
background:#1A1A1B
}

.tools-wrapper{
width:90%;
max-width:1100px;
margin:auto;
text-align:center
}

.tools-title{
font-size:32px;
letter-spacing:2px;
color:#D4AF37;
margin-bottom:12px
}

.tools-subtitle{
font-size:14px;
letter-spacing:3px;
color:#888;
margin-bottom:60px
}

.tools-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px
}

.tool-card{
background:#2D2E2E;
padding:40px 20px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
transition:.3s ease;
cursor:pointer;
border:1px solid transparent
}

.tool-card i{
font-size:40px;
color:#E5E5E5;
margin-bottom:18px;
transition:.3s ease
}

.tool-card span{
font-size:14px;
letter-spacing:2px;
color:#ccc
}

.tool-card:hover{
border-color:#D4AF37;
transform:translateY(-6px)
}

.tool-card:hover i{
color:#D4AF37
}

.projects-section{
padding:120px 0;
background:#1A1A1B
}

.projects-wrapper{
width:90%;
max-width:1100px;
margin:auto;
text-align:center
}

.projects-title{
font-size:32px;
letter-spacing:2px;
color:#D4AF37;
margin-bottom:12px
}

.projects-subtitle{
font-size:14px;
letter-spacing:3px;
color:#888;
margin-bottom:60px
}

.projects-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px
}

.project-card{
background:#2D2E2E;
padding:40px;
text-align:left;
border:1px solid transparent;
transition:.3s ease
}

.project-card h3{
font-size:20px;
color:#E5E5E5;
margin-bottom:16px
}

.project-desc{
font-size:14px;
color:#bbb;
line-height:1.6;
margin-bottom:20px
}

.project-meta{
display:flex;
flex-direction:column;
gap:6px;
font-size:13px;
color:#999;
margin-bottom:20px
}

.project-links a{
font-size:13px;
letter-spacing:2px;
color:#D4AF37;
text-decoration:none;
transition:.3s ease
}

.project-card:hover{
border-color:#D4AF37;
transform:translateY(-6px)
}

.project-links a:hover{
color:#fff
}

@media(max-width:1024px){
.projects-grid{
grid-template-columns:1fr
}
}

.blog-banner{
padding:120px 0;
background:#2D2E2E;
position:relative
}

.blog-wrapper{
width:90%;
max-width:1100px;
margin:auto
}

.blog-content{
max-width:700px
}

.blog-label{
font-size:13px;
letter-spacing:4px;
color:#D4AF37;
display:block;
margin-bottom:18px
}

.blog-content h2{
font-size:36px;
color:#E5E5E5;
margin-bottom:20px
}

.blog-content p{
font-size:15px;
color:#bbb;
line-height:1.7;
margin-bottom:30px
}

.blog-cta{
display:inline-block;
font-size:14px;
letter-spacing:2px;
color:#D4AF37;
text-decoration:none;
border-bottom:1px solid #D4AF37;
padding-bottom:4px;
transition:.3s ease
}

.blog-cta:hover{
color:#fff;
border-color:#fff
}

@media(max-width:768px){
.blog-content h2{
font-size:28px
}
}