/* Website v0.4 public simplification */

/* Six plain-English outcomes over the hero image */
.v4-tech-stack{top:34px;right:20px;gap:8px}
.v4-tech-pill{min-width:220px;max-width:300px;padding:9px 11px;font-size:.79rem;line-height:1.2}
.v4-tech-pill i{flex:0 0 30px}

/* Website capability: make the service list visibly about websites */
.web-feature-card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(5,30,66,.92),rgba(11,63,138,.78)),
    url('https://images.unsplash.com/photo-1683770997177-0603bd44d070?auto=format&fit=crop&w=1000&q=82') center/cover no-repeat;
  color:#fff;
}
.web-feature-card h3,.web-feature-card .check-list li{position:relative;z-index:1;color:#fff}
.web-feature-card .check-list li:before{color:#55ded5}

/* Personalised-service statement between Services/Websites and Why us */
.tailored-service-band{padding:18px 0 22px;background:#f5f9fc;border-top:1px solid #e1ebf1;border-bottom:1px solid #e1ebf1}
.tailored-service-band p{max-width:980px;margin:0 auto;text-align:center;font-size:1.08rem;line-height:1.6;color:#183a58}
.tailored-service-band strong{color:var(--blue)}

@media(max-width:720px){
  /* Mobile hero: keep the opening screen compact and let the photograph breathe. */
  .site-header .nav{padding:8px 0;gap:10px}
  .site-header .brand img{width:230px;max-width:62vw}
  .site-header .nav-links .btn{display:inline-flex;padding:.58rem .72rem;font-size:.72rem;white-space:nowrap}

  .v4-copy{padding:34px 0 20px}
  .v4-copy .lead{font-size:1rem}
  .v4-hero .cta-row{margin:16px 0 8px}

  .v4-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px;padding-top:12px}
  .v4-trust span{padding:0 6px;border-right:1px solid var(--line);font-size:.64rem;line-height:1.25;text-align:center}
  .v4-trust span:first-child{padding-left:0}
  .v4-trust span:last-child{padding-right:0;border:0}

  .v4-photo{min-height:350px;border-radius:24px;background-position:center 35%}
  .v4-tech-stack{left:10px;right:10px;top:auto;bottom:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .v4-tech-pill{min-width:0;max-width:none;width:100%;padding:7px 8px;font-size:.62rem;line-height:1.12;border-radius:10px;gap:6px;box-shadow:0 7px 18px rgba(5,30,66,.14)}
  .v4-tech-pill i{width:23px;height:23px;flex:0 0 23px;min-width:23px;border-radius:7px;font-size:.75rem}

  .tailored-service-band{padding:16px 0 18px}
  .tailored-service-band p{padding:0 14px;font-size:.98rem}
}

@media(max-width:420px){
  .site-header .brand img{width:205px;max-width:60vw}
  .site-header .nav-links .btn{padding:.52rem .62rem;font-size:.68rem}
  .v4-photo{min-height:330px}
  .v4-tech-pill{font-size:.58rem;padding:6px 7px}
  .v4-tech-pill i{width:21px;height:21px;flex-basis:21px;min-width:21px}
}