.logo-grid span{
  display:flex;
  grid-template-columns:none;
  justify-content:flex-start;
  gap:14px;
  padding-inline:22px;
}

.logo-grid img{
  width:25px;
  height:25px;
  object-fit:contain;
  flex:0 0 auto;
}

.logo-grid b{
  font:600 14px "Space Grotesk",sans-serif;
}

.ai-focus{
  max-width:calc(var(--max) + (var(--pad) * 2));
  margin:auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8vw;
  align-items:start;
  border-top:1px solid var(--mist);
}

.ai-image{
  grid-column:1/-1;
  position:relative;
  height:clamp(330px,42vw,520px);
  margin:0 0 12px;
  overflow:hidden;
  border-radius:28px;
  background:var(--navy);
}

.ai-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 49%;
}

.ai-image:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:40%;
  background:linear-gradient(transparent,rgba(8,31,61,.66));
  pointer-events:none;
}

.ai-image figcaption{
  position:absolute;
  z-index:1;
  left:28px;
  bottom:22px;
  color:#fff;
  font:600 14px "Space Grotesk",sans-serif;
  letter-spacing:.01em;
}

.ai-intro{
  position:sticky;
  top:115px;
}

.ai-intro>p:not(.kicker){
  max-width:520px;
  color:var(--slate);
  font-size:18px;
}

.ai-capabilities{
  border-top:1px solid var(--mist);
}

.ai-capabilities article{
  padding:32px 0;
  border-bottom:1px solid var(--mist);
}

.ai-capabilities span{
  color:#188fc8;
  font:600 11px "Space Grotesk",sans-serif;
}

.ai-capabilities h3{
  margin:18px 0 10px;
  font-size:clamp(1.55rem,2.2vw,2.2rem);
}

.ai-capabilities p{
  max-width:580px;
  margin:0;
  color:var(--slate);
}

@media(max-width:940px){
  .ai-focus{grid-template-columns:1fr;}
  .ai-intro{position:static;max-width:720px;}
}

@media(max-width:680px){
  .logo-grid span{padding-inline:14px;gap:10px;}
  .logo-grid img{width:22px;height:22px;}
  .logo-grid b{font-size:12px;}
  .ai-focus{padding:72px 20px;}
  .ai-intro>p:not(.kicker){font-size:16px;}
  .ai-image{height:300px;border-radius:20px;margin-bottom:4px;}
  .ai-image img{object-position:58% 50%;}
  .ai-image figcaption{left:18px;bottom:16px;right:18px;font-size:13px;}
}

.site-footer.compact-footer{
  display:block;
  padding:0 var(--pad) 26px;
  background:#05172e;
  color:#d7e2ed;
}

.compact-footer-main{
  max-width:var(--max);
  margin:auto;
  padding:58px 0 44px;
  display:grid;
  grid-template-columns:1.6fr .7fr 1fr;
  gap:70px;
}

.compact-footer-brand p{
  max-width:470px;
  margin:22px 0 18px;
  color:#a8bacb;
  font-size:15px;
}

.compact-whatsapp{
  display:inline-flex;
  color:var(--blue);
  font-size:14px;
  font-weight:700;
}

.compact-footer-main nav{
  display:grid;
  align-content:start;
  justify-content:start;
  gap:9px;
  font-size:13px;
}

.compact-footer-main nav b{
  margin-bottom:10px;
  color:#fff;
  font:600 14px "Space Grotesk",sans-serif;
}

.compact-footer-main nav a{
  color:#a8bacb;
}

.compact-footer-main nav a:hover{
  color:var(--blue);
}

.compact-footer-main nav span{
  color:#738ba2;
  font-size:12px;
}

.compact-footer-bottom{
  max-width:var(--max);
  margin:auto;
  padding-top:21px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#788da2;
  font-size:12px;
}

.compact-footer-bottom small{
  padding:0;
  border:0;
}

.compact-footer-bottom div{
  display:flex;
  gap:18px;
}

@media(max-width:780px){
  .compact-footer-main{grid-template-columns:1fr 1fr;gap:42px;}
  .compact-footer-brand{grid-column:1/-1;}
}

@media(max-width:520px){
  .site-footer.compact-footer{padding:0 20px 28px;}
  .compact-footer-main{grid-template-columns:1fr;padding:48px 0 36px;gap:32px;}
  .compact-footer-brand{grid-column:auto;}
  .compact-footer-bottom{flex-direction:column;gap:12px;}
}

.site-footer{
  display:block;
  padding:0 var(--pad) 28px;
  background:#05172e;
  color:#d7e2ed;
}

.footer-cta{
  max-width:var(--max);
  margin:auto;
  padding:72px 0 58px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:50px;
  align-items:end;
  border-bottom:1px solid rgba(255,255,255,.16);
}

.footer-kicker{
  margin:0 0 14px;
  color:var(--blue)!important;
  font:700 11px "DM Sans",sans-serif!important;
  letter-spacing:.15em;
}

.footer-cta h2{
  max-width:790px;
  margin:0;
  color:#fff;
  font-size:clamp(2.45rem,4.6vw,4.8rem);
}

.footer-actions{
  display:grid;
  gap:15px;
  min-width:220px;
}

.footer-whatsapp{
  color:var(--blue);
  text-align:center;
  font-size:14px;
  font-weight:700;
}

.footer-grid{
  max-width:var(--max);
  margin:auto;
  padding:50px 0;
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:50px;
}

.footer-grid nav,
.footer-contact{
  display:grid;
  align-content:start;
  justify-content:start;
  gap:9px;
  font-size:13px;
}

.footer-grid b,
.footer-contact b{
  margin-bottom:9px;
  color:#fff;
  font:600 14px "Space Grotesk",sans-serif;
}

.footer-grid a,
.footer-contact a{
  color:#a9bbcd;
}

.footer-grid a:hover,
.footer-contact a:hover{
  color:var(--blue);
}

.footer-about p{
  margin:22px 0 15px;
  max-width:360px;
  color:#a9bbcd;
}

.footer-about>span,
.footer-contact span{
  color:#7f96ac;
  font-size:12px;
}

.footer-bottom{
  max-width:var(--max);
  margin:auto;
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.12);
}

.footer-bottom small{
  padding:0;
  border:0;
}

.footer-bottom nav{
  display:flex;
  gap:18px;
  font-size:12px;
  color:#91a5b8;
}

@media(max-width:940px){
  .footer-cta{grid-template-columns:1fr;align-items:start;}
  .footer-actions{display:flex;align-items:center;min-width:0;}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr;}
  .footer-contact{grid-column:2;}
}

@media(max-width:680px){
  .site-footer{padding:0 20px 30px;}
  .footer-cta{padding:58px 0 45px;gap:30px;}
  .footer-cta h2{font-size:2.55rem;}
  .footer-actions{display:grid;width:100%;}
  .footer-grid{grid-template-columns:1fr;gap:34px;padding:42px 0;}
  .footer-contact{grid-column:auto;}
  .footer-bottom{flex-direction:column;}
}