.final-cta{
position:relative;
z-index:1;
padding:7rem 7%;
text-align:center;
background:
radial-gradient(circle at 50% 0%, rgba(46,168,255,.12), transparent 45%),
rgba(255,255,255,.015);
border-top:1px solid rgba(255,255,255,.06);
}
.final-cta-inner{
max-width:1300px;
margin:0 auto;
}
.final-cta h2{
font-family:'Rajdhani',sans-serif;
font-size:clamp(2.3rem,4vw,4.4rem);
line-height:1.08;
color:#fff;
margin:0 auto 1.4rem;
max-width:1200px;
text-align:center;
white-space:normal;
}
.final-cta h2 span{
display:block;
white-space:nowrap;
}
.final-cta p{
color:#9FB0C4;
font-size:1.05rem;
line-height:2;
margin-bottom:2.4rem;
}
.trust-section{
position:relative;
z-index:1;
padding:8rem 7%;
background:
linear-gradient(
180deg,
rgba(255,255,255,.015),
rgba(255,255,255,.03)
);
}
.trust-grid{
margin-top:4rem;
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(260px,1fr));
gap:1.5rem;
}
.trust-card{
padding:2rem;
border-radius:22px;
background:
linear-gradient(
180deg,
rgba(255,255,255,.03),
rgba(255,255,255,.015)
);
border:1px solid rgba(255,255,255,.06);
transition:.3s ease;
backdrop-filter:blur(12px);
}
.trust-card:hover{
transform:translateY(-6px);
border-color:rgba(46,168,255,.18);
}
.trust-icon{
width:62px;
height:62px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:1.5rem;
font-size:1.5rem;
background:
linear-gradient(
135deg,
rgba(46,168,255,.16),
rgba(46,168,255,.05)
);
border:1px solid rgba(46,168,255,.12);
}
.trust-card h3{
font-family:'Rajdhani',sans-serif;
font-size:1.3rem;
margin-bottom:.8rem;
color:#fff;
}
.trust-card p{
color:#9FB0C4;
line-height:1.9;
font-size:.92rem;
}
.home-nav-section{
position:relative;
z-index:1;
padding:8rem 7%;
}
.home-nav-grid{
margin-top:4rem;
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(260px,1fr));
gap:1.5rem;
}
.home-nav-card{
position:relative;
padding:2.4rem;
border-radius:24px;
overflow:hidden;
text-decoration:none;
background:
linear-gradient(
180deg,
rgba(255,255,255,.03),
rgba(255,255,255,.015)
);
border:1px solid rgba(255,255,255,.06);
transition:.35s ease;
backdrop-filter:blur(14px);
}
.home-nav-card:hover{
transform:translateY(-8px);
border-color:rgba(46,168,255,.22);
}
.home-nav-icon{
width:68px;
height:68px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:1.6rem;
font-size:1.7rem;
background:
linear-gradient(
135deg,
rgba(46,168,255,.16),
rgba(46,168,255,.05)
);
border:1px solid rgba(46,168,255,.14);
}
.home-nav-card h3{
font-family:'Rajdhani',sans-serif;
font-size:1.45rem;
color:#fff;
margin-bottom:.8rem;
}
.home-nav-card p{
color:#9FB0C4;
line-height:1.9;
font-size:.92rem;
}
.footer-premium{
position:relative;
padding:5rem 7% 2rem;
border-top:1px solid rgba(255,255,255,.06);
background:
linear-gradient(
180deg,
rgba(255,255,255,.015),
rgba(255,255,255,.03)
);
}
.footer-grid{
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));
gap:3rem;
margin-bottom:3rem;
}
.footer-brand img{
width:170px;
margin-inline:auto;
margin-bottom:1.2rem;
}
.footer-brand{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
.footer-brand p{
color:#9FB0C4;
line-height:1.9;
max-width:320px;
}
.footer-title{
font-family:'Rajdhani',sans-serif;
font-size:1.1rem;
color:#fff;
margin-bottom:1.2rem;
}
.footer-links{
display:flex;
flex-direction:column;
gap:.8rem;
}
.footer-links a{
color:#9FB0C4;
text-decoration:none;
transition:.25s ease;
}
.footer-links a:hover{
color:#fff;
}
.footer-contact{
display:flex;
flex-direction:column;
gap:.9rem;
color:#9FB0C4;
}
.footer-bottom{
padding-top:2rem;
border-top:1px solid rgba(255,255,255,.06);
display:flex;
justify-content:space-between;
align-items:center;
gap:1rem;
flex-wrap:wrap;
}
.footer-copy{
color:#7E8EA3;
font-size:.88rem;
}
.footer-social{
display:flex;
gap:1rem;
}
.footer-social a{
width:42px;
height:42px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.06);
color:#fff;
transition:.25s ease;
}
.footer-social a:hover{
transform:translateY(-3px);
border-color:rgba(46,168,255,.25);
}
body::after{
content:"";
position:fixed;
inset:-20%;
z-index:0;
pointer-events:none;
background:
radial-gradient(circle at 20% 30%, rgba(46,168,255,.10), transparent 28%),
radial-gradient(circle at 80% 70%, rgba(0,180,216,.08), transparent 30%);
animation:ambientMove 28s ease-in-out infinite alternate;
}
@keyframes ambientMove{
from{
transform:translate3d(-2%, -1%, 0) scale(1);
}
to{
transform:translate3d(2%, 1%, 0) scale(1.04);
}
}
.control-section{
position:relative;
z-index:1;
padding:8rem 7%;
}
.control-grid{
margin-top:4rem;
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(180px,1fr));
gap:1.2rem;
}
.control-item{
padding:2rem 1.5rem;
border-radius:20px;
text-align:center;
background:
linear-gradient(
180deg,
rgba(255,255,255,.03),
rgba(255,255,255,.015)
);
border:1px solid rgba(255,255,255,.06);
transition:.3s ease;
}
.control-item:hover{
transform:translateY(-6px);
border-color:rgba(46,168,255,.18);
}
.control-icon{
font-size:2rem;
margin-bottom:1rem;
}
.control-item h4{
font-family:'Rajdhani',sans-serif;
font-size:1.15rem;
color:#fff;
margin-bottom:.6rem;
}
.control-item p{
color:#9FB0C4;
font-size:.88rem;
line-height:1.8;
}
.article-content{
max-width:900px;
margin:4rem auto 0;
display:flex;
flex-direction:column;
gap:1.8rem;
}
.article-content p{
color:#B7C4D6;
line-height:2.3;
font-size:1.18rem;
}
.article-content h3{
font-family:'Rajdhani',sans-serif;
font-size:1.8rem;
color:#fff;
margin-top:2rem;
margin-bottom:.4rem;
}
.btn-outline{
width:fit-content;
padding:1rem 1.6rem;
border-radius:14px;
border:1px solid rgba(46,168,255,.22);
color:#fff;
text-decoration:none;
transition:.3s ease;
margin-top:1rem;
}
.btn-outline:hover{
background:rgba(46,168,255,.08);
transform:translateY(-3px);
}
.article-title{
width:100%;
max-width:1400px;
text-align:center;
margin-inline:auto;
white-space:normal;
text-wrap:balance;
line-height:1.15;
font-size:clamp(2rem,3vw,3.7rem);
}
@media(max-width:768px){
.section-title,
.article-title,
.hero h1{
white-space:normal;
text-align:center;
margin-inline:auto;
width:100%;
line-height:1.15;
}
}
.related-articles{
margin-top:5rem;
padding-top:3rem;
border-top:1px solid rgba(255,255,255,.06);
}
.related-articles h3{
font-family:'Rajdhani',sans-serif;
font-size:2rem;
color:#fff;
margin-bottom:2rem;
}
.related-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:1.2rem;
}
.related-card{
display:block;
padding:1.6rem;
border-radius:18px;
text-decoration:none;
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.06);
transition:.3s ease;
}
.related-card:hover{
transform:translateY(-5px);
border-color:rgba(46,168,255,.22);
}
.related-card span{
display:block;
color:#2EA8FF;
font-size:.8rem;
letter-spacing:.16em;
margin-bottom:.7rem;
}
.related-card strong{
color:#fff;
font-size:1.05rem;
line-height:1.5;
}
.breadcrumbs{
display:flex;
justify-content:center;
gap:.7rem;
flex-wrap:wrap;
margin-bottom:2rem;
font-size:.92rem;
color:#7F92A8;
}
.breadcrumbs a{
color:#7F92A8;
text-decoration:none;
transition:.3s ease;
}
.breadcrumbs a:hover{
color:#2EA8FF;
}
.breadcrumb-separator{
opacity:.45;
}
.featured-articles{
padding-top:2rem;
}
.hero-ev,
.hero-bess,
.hero-budget,
.hero-grid,
.hero-contractors,
.hero-supervision,
.hero-solar,
.hero-fleet{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.hero-ev{
background-image:
linear-gradient(rgba(5,15,30,.76),rgba(5,15,30,.9)),
url('../assets/ev-bg.jpg.png');
background-size:
cover,
cover;
background-position:
center,
center;
background-repeat:
no-repeat,
no-repeat;
}
.hero-bess{
background-image:
linear-gradient(rgba(5,15,30,.76),rgba(5,15,30,.9)),
url('../assets/bess-bg.jpg.png');
background-size:
cover,
cover;
background-position:
center,
center;
background-repeat:
no-repeat,
no-repeat;
}
.hero-budget{
background-image:
linear-gradient(rgba(5,15,30,.76),rgba(5,15,30,.9)),
url('../assets/budget-control.jpg.png');
background-size:
cover,
cover;
background-position:
center,
center;
background-repeat:
no-repeat,
no-repeat;
}
.hero-grid{
background-image:
linear-gradient(rgba(5,15,30,.78),rgba(5,15,30,.9)),
url('../assets/grid-bg.jpg.png');
background-size:
cover,
cover;
background-position:
center,
center;
background-repeat:
no-repeat,
no-repeat;
}
.hero-contractors{
background-image:
linear-gradient(rgba(5,15,30,.76),rgba(5,15,30,.9)),
url('../assets/contractors-bg.jpg.png');
background-size:
cover,
cover;
background-position:
center,
center;
background-repeat:
no-repeat,
no-repeat;
}
.hero-supervision{
background-image:
linear-gradient(rgba(5,15,30,.76),rgba(5,15,30,.9)),
url('../assets/supervision-bg.jpg.png');
background-size:
cover,
cover;
background-position:
center,
center;
background-repeat:
no-repeat,
no-repeat;
}
.hero-solar{
background:
linear-gradient(rgba(5,15,30,.76),rgba(5,15,30,.88)),
url('../images/solar-bg.jpg') center/cover no-repeat;
}
.hero-fleet{
background:
linear-gradient(rgba(5,15,30,.78),rgba(5,15,30,.9)),
url('../images/fleet-bg.jpg') center/cover no-repeat;
}
.article-image{
margin:3rem 0;
border-radius:28px;
overflow:hidden;
border:1px solid rgba(255,255,255,.08);
box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.article-image img{
width:100%;
display:block;
}