.mockup{font:16px/1.35 Arial,sans-serif;color:#10213d}.mockup .wrap{max-width:1310px;margin:auto}.mockup .top{padding:10px max(calc((100% - 1340px)/2),4%);height:64px;gap:25px}.mockup .brand img{width:180px;height:auto}.mockup nav{gap:32px;align-items:center;white-space:nowrap;font-size:14px;font-weight:600}.mockup nav .active{border-bottom:2px solid #118c87;padding:10px 0}.mockup .contact-btn,.mockup .btn{background:#0c8d84;color:#fff;padding:13px 21px;border-radius:8px;text-decoration:none;font-weight:700;display:inline-block}.mockup .nav-sim summary:after{content:"";width:7px;height:7px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin:-4px 2px 0 3px}.mockup .nav-sim-links{min-width:340px;top:100%;padding:8px}.mockup .nav-sim-links a{position:relative;padding:9px 10px 9px 50px}.mockup .nav-sim-links i{position:absolute;left:12px;top:10px;font-size:25px;font-style:normal;color:#188780}.mockup .nav-sim-links span{margin-top:2px}.mockup .cover{padding:38px max(7vw,24px) 32px;color:white;background:linear-gradient(90deg,#102a47ed 0%,#17344bb0 45%,#17344b30 100%),url('https://images.unsplash.com/photo-1763451327779-6c7f7e60d151?auto=format&fit=crop&w=2000&q=85') center 52%/cover;min-height:280px}.mockup .cover h1{font-size:clamp(38px,3.2vw,54px);line-height:1.02;max-width:650px;margin:0 0 10px}.mockup .cover p{font-size:18px;line-height:1.3;max-width:550px;margin:0 0 20px}.mockup .actions{display:flex;gap:16px;flex-wrap:wrap}.mockup .outline{background:transparent;border:2px solid white;padding:11px 20px}.mockup .benefits{background:#f1f4f8;display:grid;grid-template-columns:repeat(4,1fr);padding:13px max(8vw,24px);gap:20px}.mockup .benefits div{display:flex;align-items:center;font-size:14px;font-weight:700;line-height:1.2}.mockup .benefits b{font-size:30px;color:#19877f;font-weight:400;margin-right:18px}.mockup .expert{padding:24px 0 30px}.mockup .label{font-size:12px;font-weight:700;color:#0a7876;margin:0 0 4px}.mockup h2{font-size:28px;margin:0}.mockup .section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.mockup .section-heading a{font-size:14px;color:#087d78;text-decoration:none}.mockup .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.mockup .cards>a{border:1px solid #e4e9ee;border-radius:10px;box-shadow:0 2px 5px #13243a12;overflow:hidden;text-decoration:none}.mockup .cards img{width:100%;height:100px;display:block;object-fit:cover}.mockup .cards div{position:relative;padding:10px 48px 12px 18px}.mockup .cards h3{font-size:18px;margin:0 0 3px}.mockup .cards p{font-size:13px;margin:0;line-height:1.25}.mockup .cards b{position:absolute;right:15px;top:20px;border-radius:50%;background:#f0f4f7;color:#087d78;padding:7px}.mockup .potential{padding:0 max(4vw,20px)}.mockup .potential-inner{max-width:1400px;margin:auto;background:linear-gradient(110deg,#123b58,#062d46);border-radius:20px;color:white;display:grid;grid-template-columns:26% 1fr auto;align-items:center;gap:24px;padding:20px 35px}.mockup .potential h2{font-size:29px}.mockup .potential p{margin:5px 0 15px;max-width:580px}.mockup .potential-items{display:flex;gap:30px;font-size:13px;font-weight:bold}.mockup .screen{max-width:275px;height:120px;border:8px solid #a6b4c1;border-radius:8px;background:white;transform:perspective(500px) rotateY(12deg);color:#278992;padding:8px;font-size:18px}.mockup .light{background:#fff;color:#08736e;white-space:nowrap}.mockup .training{padding:26px 0;display:grid;grid-template-columns:27% 28% 1fr auto;gap:25px;align-items:center}.mockup .training img{width:100%;height:100px;object-fit:cover;border-radius:12px}.mockup .training h2{font-size:24px}.mockup .training>p{font-size:12px}.mockup .training-link{font-size:12px;border:1px solid #0c817d;border-radius:5px;color:#0c7774;text-decoration:none;padding:9px}.mockup .bottom{padding:15px 4%;background:#102840;color:white;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:11px}.mockup .bottom a{text-decoration:none}.mockup .bottom .brand img{filter:brightness(0) invert(1);width:150px}@media(max-width:1000px){.mockup .top{height:auto;flex-wrap:wrap}.mockup nav{gap:15px;white-space:normal}.mockup .expert,.mockup .training{margin:0 24px}.mockup .training{grid-template-columns:1fr 1fr}.mockup .potential-inner{grid-template-columns:1fr 2fr}.mockup .potential .light{grid-column:2;justify-self:start}.mockup .bottom{flex-wrap:wrap}}@media(max-width:700px){.mockup .top{padding:12px 20px}.mockup nav{font-size:13px;gap:10px 16px}.mockup .nav-sim-links{position:absolute;box-shadow:0 8px 25px #0002;min-width:min(340px,85vw)}.mockup .cover{padding:42px 24px}.mockup .cover h1{font-size:39px}.mockup .cover p{font-size:16px}.mockup .benefits{grid-template-columns:1fr 1fr;padding:18px 24px}.mockup .benefits div{font-size:12px}.mockup .benefits b{margin-right:8px}.mockup .cards{grid-template-columns:1fr}.mockup .cards img{height:155px}.mockup .section-heading{align-items:flex-start;flex-direction:column}.mockup .potential-inner{display:block;padding:25px}.mockup .screen{display:none}.mockup .potential-items{flex-wrap:wrap;gap:12px;margin-bottom:18px}.mockup .training{grid-template-columns:1fr;gap:12px}.mockup .training img{height:155px}.mockup .bottom{gap:15px}.mockup .bottom .brand{width:100%}}
.mockup .screen{background:linear-gradient(90deg,#103c5890,#103c5830),url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=700&q=80') center/cover;border:0;transform:none;height:135px;max-width:none}.mockup .screen div{display:none}

/* Shared INTELAS chrome */
.mockup{font-family:Inter,"Segoe UI",system-ui,sans-serif}.mockup .top{min-height:72px;height:auto;padding:4px max(calc((100% - 1340px)/2),4%);align-items:center}.mockup .top .brand img{display:block;width:auto;height:60px;max-width:150px;object-fit:contain}.mockup nav{gap:clamp(12px,2vw,30px)}.mockup .ui-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex:none}.mockup .nav-sim-links i{display:flex;align-items:center}.mockup .benefits b{display:flex}.mockup .benefits .ui-icon{width:32px;height:32px}.mockup .potential-items .ui-icon{width:24px;height:24px}.mockup .bottom{min-height:58px;padding:4px max(calc((100% - 1400px)/2),4%);gap:18px;justify-content:space-between}.mockup .bottom .brand{flex:none;background:white;border-radius:4px;padding:1px 4px}.mockup .bottom .brand img{filter:none;width:auto;height:44px}.mockup .footer-links{display:flex;align-items:center;justify-content:flex-end;gap:0;flex-wrap:wrap}.mockup .footer-links a{padding:2px 12px;border-left:1px solid #718298;line-height:1.2}.mockup .footer-links a:first-child{border:0}.mockup:not(.home-page) main>section{max-width:1400px;margin:0 auto}.mockup:not(.home-page) .button{background:#0c8d84;color:white;border-radius:8px}.mockup:not(.home-page) h1,.mockup:not(.home-page) h2,.mockup:not(.home-page) h3{letter-spacing:-.025em}.mockup:not(.home-page) article{border-color:#dce6ea}.mockup:not(.home-page) .hero{border-radius:0 0 14px 14px}@media(max-width:1000px){.mockup .top{gap:4px 20px}.mockup .top .brand img{height:52px}.mockup .bottom .brand{width:auto}.mockup .bottom{justify-content:center}.mockup .footer-links{justify-content:center}}@media(max-width:700px){.mockup .top{padding:6px 20px}.mockup .top .brand img{height:48px}.mockup .bottom{padding:12px 20px}.mockup .footer-links a{padding:4px 8px}.mockup .bottom .brand img{height:38px}.mockup .nav-sim-links{z-index:50}.mockup .cover h1{font-size:clamp(32px,9vw,39px)}}

/* Footer: keep the authentic raster wordmark, but render it in white without a white tile. */
.mockup .bottom .brand{background:transparent;padding:0;border-radius:0;display:inline-flex;align-items:center;flex-shrink:0}
.mockup .bottom .brand img{display:block;filter:grayscale(1) invert(1) contrast(1.6);mix-blend-mode:screen;width:auto;height:42px;max-width:150px;object-fit:contain}
@media(max-width:700px){.mockup .bottom .brand img{height:38px}}

/* Layout fixes from visual QA: breathing room and non-fragmented banner labels. */
.mockup .expert.wrap{
  width:calc(100% - 2*clamp(24px,4.2vw,76px));
  max-width:1600px;
  margin-inline:auto;
  padding:28px 0 36px;
}
.mockup .potential-inner{
  grid-template-columns:minmax(210px,26%) minmax(0,1fr) auto;
  column-gap:clamp(18px,2vw,32px);
  padding:clamp(22px,2.4vw,36px);
}
.mockup .potential-inner>div:nth-child(2){min-width:0}
.mockup .potential-items{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.3vw,24px);
  margin-top:16px;
  align-items:start;
}
.mockup .potential-item{display:flex;align-items:flex-start;gap:10px;min-width:0}
.mockup .potential-item .ui-icon{margin-top:1px;flex-shrink:0;width:23px;height:23px}
.mockup .potential-label{
  display:block;
  flex:1;
  min-width:0;
  font-size:clamp(12px,.82vw,14px);
  font-weight:650;
  line-height:1.32;
  white-space:normal;
  text-align:left;
}
.mockup .potential .btn.light{justify-self:end;align-self:center;white-space:nowrap;text-align:center}
@media (max-width:1240px){
  .mockup .potential-inner{grid-template-columns:minmax(190px,28%) minmax(0,1fr)}
  .mockup .potential .btn.light{grid-column:2;justify-self:start;margin:0}
}
@media (max-width:760px){
  .mockup .expert.wrap{width:calc(100% - 36px);padding-block:26px 30px}
  .mockup .potential-inner{display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .mockup .potential-items{grid-template-columns:1fr;gap:12px}
  .mockup .potential-item{align-items:center}
  .mockup .potential .btn.light{align-self:flex-start;white-space:normal}
}

/* Discreet professional email action aligned to the shared dark footer. */
.mockup .bottom .footer-email-link{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;min-width:36px;min-height:36px;
  padding:7px;border:1px solid #476b82;border-radius:8px;
  color:#f5ffff;text-decoration:none;background:transparent;
}
.mockup .bottom .footer-email-link:hover,
.mockup .bottom .footer-email-link:focus-visible{background:#126c79;border-color:#5bc0c4}
.mockup .bottom .footer-mail-icon{display:block;flex:none}
@media (max-width:760px){.mockup .bottom .footer-email-link{margin:auto}}

/* Contact form, social actions and accessible status */
.mockup .contact-form-section{padding:48px max(4vw,24px) 72px;background:#fff}
.mockup .contact-form-section h2{margin:0 0 20px;font-size:clamp(26px,3vw,38px)}
.mockup .contact-form{max-width:760px;margin:0 auto;padding:32px;border:1px solid #dce6eb;border-radius:16px;box-shadow:0 12px 35px #1028400e;background:#fff}
.mockup .contact-form label{display:block;font-weight:600;font-size:14px;margin:0 0 20px;color:#10213d}
.mockup .contact-form input:not([type="checkbox"]),.mockup .contact-form textarea{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #aab9c3;border-radius:8px;background:#fff;font:inherit;font-size:16px;line-height:1.5}
.mockup .contact-form input:focus,.mockup .contact-form textarea:focus{border-color:#07887f;outline:2px solid #07887f66}
.mockup .form-fields-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mockup .contact-consent{display:flex!important;align-items:flex-start;gap:12px;font-size:13px!important;font-weight:400!important}
.mockup .contact-consent input{width:auto;margin-top:5px;flex:none}
.mockup .contact-form button{border:0;border-radius:8px;background:#07887f;color:white;cursor:pointer}
.mockup .contact-form button:disabled{cursor:not-allowed;opacity:.55}
.mockup .contact-form #status{color:#48596b;font-size:13px;margin:8px 0 0}
.mockup #contact-challenge{max-width:100%;overflow:hidden}
.mockup .bottom .footer-linkedin-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:7px;border:1px solid #476b82;border-radius:8px;color:white;font-weight:800;text-decoration:none;line-height:1}
.mockup .bottom .footer-linkedin-link:hover,.mockup .bottom .footer-linkedin-link:focus-visible{background:#126c79;border-color:#5bc0c4}
.mockup .bottom .footer-linkedin-icon{display:block}
@media(max-width:700px){.mockup .form-fields-two{grid-template-columns:1fr;gap:0}.mockup .contact-form{padding:20px}.mockup .contact-form-section{padding:24px 20px 48px}}


/* Responsive single-line navigation and viewport-safe simulator dropdown. */
.mockup .top{
  display:flex;
  flex-flow:row nowrap;
  align-items:center;
  justify-content:space-between;
  gap:clamp(9px,1.2vw,18px);
  min-width:0;
}
.mockup .top .brand{flex:0 0 auto}
.mockup .top .brand img{max-width:145px}
.mockup .top nav{
  display:flex;
  flex:1 1 auto;
  flex-wrap:nowrap;
  justify-content:flex-end;
  align-items:center;
  min-width:0;
  gap:clamp(8px,1.05vw,17px);
  white-space:nowrap;
  font-size:clamp(12px,.95vw,14px);
}
.mockup .top nav>a,.mockup .top nav>.nav-sim{flex:0 0 auto}
.mockup .top nav .contact-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 12px;
  white-space:nowrap;
}
.mockup .top .header-call{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  padding:10px 12px;
  border:1px solid #0b827c;
  border-radius:8px;
  color:#086c68;
  background:#fff;
  font-size:13px;
  font-weight:750;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}
.mockup .top .header-call:hover,.mockup .top .header-call:focus-visible{
  color:#fff;
  background:#0c8d84;
}
.mockup .top .header-call .ui-icon{width:21px;height:21px}
.mockup .nav-sim-links{
  position:fixed;
  inset:auto;
  z-index:1000;
  box-sizing:border-box;
  min-width:0;
  max-width:none;
  width:min(410px,calc(100vw - 24px));
  max-height:calc(100dvh - 24px);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  white-space:normal;
  box-shadow:0 16px 36px #10263e32;
}
.mockup .nav-sim-links[hidden]{display:none!important}
.mockup .nav-sim-links a,
.mockup .nav-sim-links a strong,
.mockup .nav-sim-links a span{
  white-space:normal;
  overflow-wrap:break-word;
}
@media(max-width:1200px){
  .mockup .top{flex-wrap:wrap;gap:2px 16px}
  .mockup .top>.brand{order:1}
  .mockup .top>.header-call{order:2}
  .mockup .top>nav{
    order:3;
    flex:0 0 100%;
    width:100%;
    max-width:100%;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:16px;
    padding:8px 0 11px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .mockup .top>nav::-webkit-scrollbar{display:none}
}
@media(max-width:700px){
  .mockup .top{
    flex-direction:row;
    justify-content:center;
    align-items:center;
    position:relative;
    padding:8px 12px 0;
    gap:0;
  }
  .mockup .top>.brand{margin:0 auto}
  .mockup .top>.brand img{height:47px;max-width:135px}
  .mockup .top>.header-call{
    position:absolute;
    top:12px;
    right:12px;
    width:42px;
    height:42px;
    padding:8px;
    border-radius:9px;
  }
  .mockup .top>.header-call span{display:none}
  .mockup .top>nav{
    flex:0 0 100%;
    width:100%;
    margin-top:6px;
    padding:7px 0 11px;
    gap:16px;
    font-size:13px;
    align-items:center;
  }
  .mockup .top nav .contact-btn{padding:9px 12px}
  .mockup .top .nav-sim summary{padding:10px 11px}
  .mockup .nav-sim-links{font-size:14px}
}