ремонт

.prom-sagita{
max-width:1200px;
margin:40px auto;
font-family:Arial,Helvetica,sans-serif;
color:#fff;
background:#0d0d0d;
border-radius:20px;
overflow:hidden;
box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.hero{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
padding:70px 60px;
background:linear-gradient(135deg,#0d0d0d 0%,#1b1b1b 100%);
}

.hero-text{
width:520px;
max-width: 100%;
}

.badge{
display:inline-block;
background:#FFC107;
color:#000;
padding: 8px 18px;
border-radius:30px;
font-weight:bold;
font-size:14px;
margin-bottom:25px;
}

.hero h1{
font-size:58px;
line-height:1.1;
margin-bottom:20px;
}

.hero p{
color:#cfcfcf;
font-size:20px;
line-height:1.7;
margin-bottom:35px;
}

.buttons a{
display:inline-block;
text-decoration:none;
padding:16px 32px;
border-radius:50px;
font-weight:bold;
margin-right:15px;
margin-bottom:10px;
transition:.25s;
}

.btn-yellow{
background:#FFC107;
color:#000;
}

.btn-dark{
border:2px solid #FFC107;
color:#FFC107;
}

.buttons a:hover{
transform:translateY(-3px);
}

.hero-image{
width:500px;
max-width: 100%;
text-align:center;
}

.hero-image img{
width: 100%;
border-radius:20px;
}

.features{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
padding:45px;
background:#111;
}

.feature{
background:#1b1b1b;
border-radius:15px;
padding:25px;
text-align:center;
}

.feature h3{
color:#FFC107;
font-size:34px;
margin-bottom:10px;
}

.feature p{
color:#d8d8d8;
font-size:15px;
}

@media(max-width:900px){

.hero{
padding:40px 25px;
}

.hero h1{
font-size:38px;
}

.hero p{
font-size:17px;
}

.features{
grid-template-columns:repeat(2,1fr);
padding:20px;
}

}

@media(max-width:600px){

.features{
grid-template-columns:1fr;
}

.hero{
text-align:center;
}

.buttons a{
display:block;
margin-right:0;
}

}
</style>

<div class="badge">
Працюємо з 2009 року
</div>

<h1>РЕМОНТ<br>НОУТБУКІВ</h1>

<p>
Професійний ремонт ноутбуків будь-якої складності.
Безкоштовна діагностика, якісні комплектуючі,
гарантія на всі виконані роботи.
</p>

<a href="tel:+380XXXXXXXXX" class="btn-yellow">
📞 Зателефонувати
</a>

<a href="#services" class="btn-dark">
Замовити ремонт
</a>

</div>

</div>

<div class="feature">
<h3>17+</h3>
<p>років досвіду</p>
</div>

<div class="feature">
<h3>5000+</h3>
<p>успішних ремонтів</p>
</div>

<div class="feature">
<h3>12 міс.</h3>
<p>гарантії</p>
</div>

<div class="feature">
<h3>1 день</h3>
<p>середній термін ремонту</p>
</div>

</div>