*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0d1824;background:#fff}a{text-decoration:none}.header{height:86px;background:#07111c;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:relative;top:0;z-index:99;box-shadow:0 8px 30px rgba(0,0,0,.25)}.logo img{height:58px;background:white;border-radius:8px;padding:4px}nav{display:flex;gap:28px}nav a{color:white;font-weight:700;font-size:14px}.offer,.primary{background:#0a91d8;color:white;padding:14px 22px;border-radius:6px;font-weight:800;display:inline-block}.secondary{color:white;border:1px solid white;padding:14px 22px;border-radius:6px;font-weight:800;display:inline-block}.hero{min-height:650px;background:linear-gradient(90deg,rgba(3,8,13,.92),rgba(3,8,13,.35)),url('https://images.unsplash.com/photo-1518780664697-55e3ad937233?auto=format&fit=crop&w=1800&q=80') center/cover;display:flex;align-items:center;padding:0 7%;color:white}.heroContent{max-width:700px}.label{letter-spacing:.14em;font-weight:900;color:#0a91d8}.hero h1{font-size:66px;line-height:1.02;margin:12px 0;text-transform:uppercase}.lead{font-size:22px;line-height:1.7}.buttons{display:flex;gap:14px;margin-top:28px}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:42px 6%;gap:25px;text-align:center;background:#f6f8fb}.features span{font-size:42px;color:#0a91d8}.features h3{margin-bottom:8px}.features p{color:#566575;line-height:1.6}.darkSection{background:#07111c;color:white;padding:76px 6%;text-align:center}.darkSection h2,.about h2,.services h2{font-size:38px;margin:8px 0 36px}.projectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left}.projectGrid article{background:#101d2b;border-radius:12px;overflow:hidden;padding-bottom:22px}.projectGrid h3,.projectGrid a{margin-left:20px}.projectGrid a{color:#0a91d8;font-weight:700}.photo{height:230px;background-size:cover;background-position:center}.photo.a{background-image:url('https://images.unsplash.com/photo-1449158743715-0a90ebb6d2d8?auto=format&fit=crop&w=900&q=80')}.photo.b{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=900&q=80')}.photo.c{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=80')}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:82px 6%}.aboutImage{height:360px;border-radius:14px;background:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1000&q=80') center/cover}.about p{font-size:18px;line-height:1.8;color:#405060}.small{margin-top:15px}.services{padding:70px 6%;text-align:center}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.serviceGrid div{padding:28px;border-radius:12px;background:#f2f6fa;font-size:20px;font-weight:800}footer{background:#07111c;color:white;display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:40px;padding:55px 6%}footer img{height:70px;background:white;border-radius:8px;padding:4px}footer p{color:#c5d0dc;line-height:1.6}@media(max-width:900px){.header{height:auto;min-height:86px;flex-wrap:wrap;padding:14px 5%}nav{width:100%;overflow:auto;gap:16px;padding:10px 0}.hero h1{font-size:42px}.features,.projectGrid,.about,.serviceGrid,footer{grid-template-columns:1fr}.hero{min-height:560px;padding:50px 6%}.buttons{flex-direction:column}.offer,.primary,.secondary{text-align:center}} @media (max-width: 768px) {
  .header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
  }

  .logo img {
    width: 80px;
    height: auto;
  }

  nav {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  nav a {
    font-size: 16px;
    padding: 5px 0;
    white-space: nowrap;
  }

  .offer {
    width: 100%;
    text-align: center;
    font-size: 17px;
    padding: 12px;
  }

  .hero h1 {
    font-size: 42px;
    line-height: 1.1;
  }

  .hero p {
    font-size: 24px;
    line-height: 1.5;
  }

  .heroContent {
    padding: 30px 20px;
  }

  .cta {
    flex-direction: column;
    gap: 14px;
  }

  .cta a {
    width: 100%;
    text-align: center;
  }
} .logo img{
    width:90px;
    height:auto;
} nav{
    text-align:center;
    {.hero h1{
    font-size:52px;
    line-height:1.05;
}


.advantage-item{
    background:#0f1f2e;
    padding:25px;
    border-radius:12px;
    text-align:center;
    color:white;
    box-shadow:0 4px 15px rgba(0,0,0,.2);
}

.advantage-item h3{
    color:#2196f3;
    margin-bottom:10px;
}

.advantage-item p{
    color:#d9d9d9;
    font-size:15px;
} .aboutImage{
background:url('assets/hakkimizda-ev.jpg') center center/cover no-repeat !important;
min-height:350px;
border-radius:14px;
}