:root{
--b:rgb(26,111,232);
--r:rgb(224,62,45);
}
*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#223;background:#fff}
.container{max-width:1280px;margin:auto}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #ddd;z-index:10}
.head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.logo img{height:48px}
nav a{
text-decoration:none;
color:rgb(26,111,232);
margin-left:24px;
font-weight:700;
transition:all .3s ease;
}
.hero{height:80vh;background:url(images/hero-background.jpg) center/cover;display:flex;align-items:center}
.overlay{margin-left:8%;max-width:560px;background:rgba(255,255,255,.88);padding:55px;border-radius:18px}
.hero span{color:var(--b)}
.btn{display:inline-block;background:var(--b);color:#fff;padding:14px 22px;border-radius:8px;text-decoration:none}
.services{max-width:1500px;margin:70px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:0 20px}
.card{text-decoration:none;color:inherit;background:#fff;border:2px solid transparent;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.10);transition:all .35s ease}
.card img{width:100%;height:210px;object-fit:cover;display:block;transition:transform .45s ease}
.card h3{padding:18px;margin:0}
.card:hover{border-color:var(--b);transform:translateY(-6px);box-shadow:0 18px 40px rgba(26,111,232,.20)}
.card:hover img{transform:scale(1.10)}
.why{max-width:1280px;margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.why img,.center{width:100%;border-radius:18px}
.content{max-width:1280px;margin:60px auto;padding:0 20px}
footer{
background:#f4f6f8;
color:#555;
padding:40px 0;
border-top:1px solid #d9e1ea;
}
.foot{
display:grid;
grid-template-columns:2fr 1fr;
gap:30px;
}
footer h3,
footer h4{
color:rgb(26,111,232);
margin-top:0;
}
footer a{
color:rgb(26,111,232);
text-decoration:none;
}
footer a:hover{
color:rgb(224,62,45);
}
@media(max-width:1200px){.services{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.services{grid-template-columns:repeat(2,1fr)}.why,.foot{grid-template-columns:1fr}.head{flex-direction:column}}
@media(max-width:600px){.services{grid-template-columns:1fr}}
nav a{
position:relative;
}
nav a::after{
content:"";
position:absolute;
left:0;
bottom:-6px;
width:0;
height:3px;
background:var(--r);
transition:width .3s ease;
}
nav a:hover{
color:var(--r);
text-decoration:none;
}
nav a:hover::after{
width:100%;
}

h1,h2,h3,h4{color:rgb(26,111,232);}

/* Footer navigation: vertical layout aligned to the right */
.laurtec-footer .footer-grid{
  max-width:1280px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:start;
}
.laurtec-footer .laurtec-company{grid-column:1;}
.laurtec-footer .laurtec-consult{grid-column:1;}
.laurtec-footer .laurtec-links{
  grid-column:2;
  grid-row:1 / span 2;
  justify-self:end;
  text-align:right;
}
.laurtec-footer .laurtec-links nav{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.laurtec-footer .laurtec-links nav a{margin-left:0;}
@media(max-width:900px){
  .laurtec-footer .footer-grid{grid-template-columns:1fr;}
  .laurtec-footer .laurtec-company,.laurtec-footer .laurtec-consult,.laurtec-footer .laurtec-links{grid-column:1;grid-row:auto;}
  .laurtec-footer .laurtec-links{justify-self:start;text-align:left;}
  .laurtec-footer .laurtec-links nav{align-items:flex-start;}
}

/* Footer layout: Quick Links right, vertical */
.laurtec-footer .laurtec-links{justify-self:end;text-align:right;}
.laurtec-footer .laurtec-links nav{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}