:root{--blue:#6ec1e4;--ink:#222;--navy:#2c4d83;font-family:"Gothic A1",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-size:14px;line-height:1.6}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #2c4d83;outline-offset:5px}
.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:white;padding:12px}
.skip-link:focus{top:16px}
.site-header{background:var(--blue);padding:33px 20px 30px;height:113px}
.site-header img{width:165px}
.hero{position:relative;background:var(--blue);color:white;text-align:center;padding:191px 20px 399px;overflow:hidden}
.hero-copy{max-width:1140px;margin:auto}
.software-link{font-style:italic;font-weight:700;margin:0 0 36px}
.software-link a:hover{text-decoration:underline}
.eyebrow{font-size:18px;font-weight:400;line-height:22px;text-transform:uppercase;margin:0 0 24px}
h1{font-size:72px;font-weight:700;line-height:1.1;margin:0 0 32px;letter-spacing:0}
.intro{font-size:24px;line-height:1.4;margin:0 0 84px}
.button{display:inline-block;background:var(--navy);color:white;border-radius:25px;padding:19px 49px 16px;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1.1;transition:background .2s,color .2s}
.button:hover{background:white;color:var(--ink)}
.portrait{position:absolute;pointer-events:none}
.portrait-side{width:208px;right:-68px;top:392px}
.portraits{position:relative;height:150px;max-width:1920px;margin:auto}
.portrait-large{width:384px;left:calc(20px + 1100px);top:-280px}
.portrait-medium{width:200px;left:calc(20px + 643px);top:-142px}
.portrait-small{width:112px;left:calc(20px + 325px);top:61px}
.jobs{text-align:center;padding:135px 20px 150px;scroll-margin-top:30px}
.jobs .eyebrow{color:var(--blue)}
h2{font-size:48px;line-height:1.1;margin:0;font-weight:700}
.empty-jobs{margin-top:68px}
.empty-jobs img{width:600px;height:auto}
.empty-jobs p{font-size:36px;letter-spacing:5px;color:#777;margin:0 0 20px}
.clients{background:var(--blue);color:white;text-align:center;padding:150px 20px 40px}
.clients h2{max-width:830px;margin:0 auto 28px}
.client-logos{max-width:1270px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px 10px;align-items:center;justify-items:center}
.client-logos img{max-width:78%;max-height:90px;object-fit:contain}
.client-logos img:nth-child(2){max-width:62%}
.client-logos img:nth-child(3){max-width:73%}
.client-logos img:nth-child(4){max-width:60%}
.client-logos img:nth-child(5){max-width:93%}
.client-logos .calima{grid-column:3;max-width:70%}
.site-footer{max-width:1310px;margin:auto;padding:145px 20px 149px;display:grid;grid-template-columns:52% 48%}
.footer-links{display:grid;grid-template-columns:1fr 1fr;padding-top:58px}
.footer-links h2{font-size:18px;margin:0 0 33px}
.footer-links a{display:block;font-size:18px;line-height:2;color:#777}
.footer-links a:hover{color:var(--blue)}
.copyright{grid-column:1/-1;margin:90px 0 0;font-size:14px;line-height:1.4}
.footer-contact{padding-left:36.2%;font-size:18px;line-height:1.4}
.footer-contact img{width:180px}
address{font-style:normal;margin:30px 0}
.email{color:var(--blue);text-decoration:underline}
.back-to-top{position:fixed;right:20px;bottom:15px;color:#aaa;font-size:26px}
.legal-header{height:auto}
.legal-content{max-width:1140px;margin:auto;padding:70px 24px;font-size:16px}
.legal-content h1{font-size:48px;color:var(--ink)}
.legal-content h2,.legal-content h3{font-size:24px;margin:32px 0 16px}
.legal-content a{color:#2c4d83;text-decoration:underline}
.legal-content li{margin-bottom:12px}
@media(max-width:1550px) and (min-width:1025px){.portrait-large{left:auto;right:10%}.portrait-medium{left:38%}.portrait-small{left:20%}}
@media(max-width:1024px){
 .hero{padding:100px 20px 180px}h1{font-size:48px}.intro{margin-bottom:60px}
 .portrait-side{display:none}.portrait-large{left:auto;right:8%;width:180px;top:-111px}.portrait-medium{left:35%;width:150px;top:-47px}.portrait-small{left:3%;top:64px}
 h2{font-size:36px}.jobs{padding:100px 20px}.clients{padding:100px 20px 40px}
 .site-footer{padding:100px 20px}.footer-contact{padding-left:22%}}
@media(max-width:767px){
 .site-header{height:auto;text-align:center;padding:30px 20px}.site-header img{width:165px}
 .hero{padding:70px 20px}.software-link{font-size:12px;margin-bottom:36px}h1{font-size:36px}.intro{font-size:24px;margin-bottom:55px}
 .portraits{height:70px}.portrait{display:none}h2{font-size:28px}.jobs{padding:70px 20px}
 .empty-jobs{margin-top:45px}.empty-jobs p{font-size:24px;letter-spacing:3px}.clients{padding:70px 20px 35px}
 .client-logos{grid-template-columns:repeat(2,1fr);gap:25px 15px}.client-logos .calima{grid-column:auto}
 .site-footer{display:flex;flex-direction:column;padding:70px 20px;gap:50px}.footer-contact{padding:0;order:-1}.footer-links{padding:0;gap:25px}.footer-links h2{margin-bottom:15px}.copyright{margin:35px 0 0}
 .legal-content h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
