@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#06213a;--navy2:#03192c;--cyan:#00d5e9;--blue:#0078c9;--ink:#052b55;--line:#cfe6f2;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.35}
a{color:inherit}.header{height:76px;background:linear-gradient(100deg,#021a2e,#062b4a);color:#fff;display:flex;align-items:center;padding:0 2.3%;gap:24px;border-bottom:2px solid #12d8ed;position:relative;z-index:10}
.brand{display:flex;align-items:center;flex:0 0 330px;height:100%;overflow:hidden}.brand img{display:block;width:310px;max-height:70px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 2px #21d9ef) drop-shadow(0 2px 2px rgba(0,0,0,.8))}
.nav{display:flex;align-items:stretch;justify-content:space-between;flex:1;height:100%;min-width:0}.nav a{display:flex;align-items:center;padding:0 13px;text-decoration:none;color:#edf8ff;border-left:1px solid #ffffff27;font-size:11px;line-height:1.2;text-align:center}.nav a:hover,.nav a.active{color:var(--cyan)}.nav a.active{border-bottom:3px solid var(--cyan)}.language{display:flex;align-items:center;gap:12px;font-size:22px;padding-left:12px}.language button,footer button{background:none;color:#fff;border:0;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}.menu-button{display:none}
.hero{height:292px;position:relative;overflow:hidden;background:#041b30;color:#fff;display:flex;align-items:center}.hero-picture{position:absolute;right:0;top:0;width:76%;height:100%;background:url('images/hero-panorama.jpg') center 48%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031a2d 0%,rgba(3,26,45,.97) 24%,rgba(3,26,45,.72) 39%,rgba(3,26,45,.08) 66%,rgba(3,26,45,.04) 100%),linear-gradient(0deg,rgba(0,16,29,.18),transparent)}.hero-content{position:relative;z-index:1;margin-left:6.7%;width:430px;padding-top:8px}.eyebrow{font-size:12px;color:var(--cyan);font-weight:800;margin:0 0 7px}.hero h1{font:800 32px/1.02 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 10px;color:white}.hero-text{font-size:12px;line-height:1.45;max-width:405px;margin:0 0 12px;color:#f1f8fc}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:4px;padding:9px 14px;font-size:11px;font-weight:700;transition:filter .15s}.btn:hover{filter:brightness(1.1)}.primary{background:var(--cyan);color:#002238;border:1px solid var(--cyan)}.outline{color:#fff;border:1px solid #c9e8f7;background:#062641a8}.hero-meta{display:flex;gap:25px;flex-wrap:wrap;margin-top:17px;font-size:10px;color:#d9eff9}.audience{position:absolute;right:2.2%;top:15px;font-size:12px;font-weight:700;color:#fff;letter-spacing:.03em}
.activities{padding:9px 2.9% 8px;background:#fff}.section-heading{display:flex;align-items:center;gap:15px;margin:0 0 12px}.section-heading small,.project-copy>small,.cloud-content>small{color:#00a8d5;font-weight:800;font-size:9px;letter-spacing:.04em}.section-heading h2{margin:2px 0 0;font:800 19px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.02em;color:#082c55}.heading-line{height:1px;background:#65c9ed;flex:1;margin-top:12px}.section-heading>span{font-size:10px;color:#0066aa;white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 12px}.service{border:1px solid #c8e5f5;border-radius:4px;overflow:hidden;min-width:0;background:#fff;box-shadow:0 1px 2px #002a4810}.service>img{display:block;width:100%;height:103px;object-fit:cover}.service-body{padding:5px 12px 7px}.service-title{position:relative;padding-left:0}.service-title b{display:none}.service h3{font:800 12px/1.25 Manrope,Arial,sans-serif;color:#004a87;margin:0 0 1px}.service em{display:block;font-size:10px;color:#0086d4;line-height:1.2;margin-bottom:5px}.service p{font-size:9.5px;line-height:1.28;color:#0071b8;margin:0}
.cloud-card{grid-column:span 1;position:relative;min-height:191px;overflow:hidden;border-radius:4px;background:linear-gradient(110deg,#031a2b,#002c4a);color:white;border:1px solid #0877a6}.cloud-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12;animation:cloudDrift 22s ease-in-out infinite alternate;transform-origin:center}.sonar-scene{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.94}
.cloud-content{z-index:2}
@media(prefers-reduced-motion:reduce){.sonar-scene{display:none}}@keyframes cloudDrift{0%{transform:scale(1.02) translate3d(-.6%,.3%,0)}100%{transform:scale(1.11) translate3d(.8%,-.5%,0)}}@media(prefers-reduced-motion:reduce){.cloud-illustration{animation:none}}.cloud-content{position:relative;z-index:1;padding:12px 17px 10px 22px}.cloud-content>small{color:var(--cyan)}.cloud-content h3{font:800 17px/1.15 Manrope,Arial,sans-serif;margin:2px 0 4px;color:white}.cloud-content p{font-size:9.5px;line-height:1.35;max-width:530px;margin:0 0 11px;color:#f0f8ff}.tech-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.tech-list span{display:flex;flex-direction:column;border-right:1px solid #12c5e3;padding:0 8px;color:var(--cyan);font-size:18px;line-height:1.1}.tech-list span:first-child{padding-left:0}.tech-list span:last-child{border:0}.tech-list b{font-size:9px;color:#e9faff;margin-top:4px}.tech-list small{font-size:8px;line-height:1.2;color:#d1e8f2;margin-top:3px}
.bottom{display:grid;grid-template-columns:23% 30% 47%;background:#05213a;color:white;border-top:2px solid #17c5e8;min-height:108px;align-items:stretch}.bottom>img{width:100%;height:100%;min-height:300px;object-fit:cover}.project-copy{padding:8px 18px 9px}.project-copy>small{color:var(--cyan)}.project-copy h2{font:800 15px/1.15 Manrope,Arial,sans-serif;margin:3px 0 4px}.project-copy p{font-size:10px;line-height:1.3;color:#e0f0f7;margin:0 0 7px}.project-copy .btn{padding:7px 13px}.contact{border-left:1px solid #48b8d9;padding:12px 16px 10px;min-width:0}.contact-head{display:flex;gap:12px;align-items:flex-start}.contact-head>span{font-size:31px;color:var(--cyan);line-height:1}.contact h3{font:800 12px Manrope,Arial,sans-serif;margin:0 0 2px}.contact p{font-size:10px;line-height:1.35;margin:0 0 9px;color:#e0eff7}.contact-form{display:grid;gap:8px;margin:8px 0}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-form label{display:flex;flex-direction:column;gap:4px;min-width:0;color:#dff5ff;font-size:10px;font-weight:600}.contact-form input:not([type=checkbox]):not([type=hidden]),.contact-form select,.contact-form textarea{width:100%;min-width:0;border:1px solid #39718c;border-radius:4px;background:#f7fbfd;color:#092b43;padding:8px 9px;font:12px/1.35 Arial,sans-serif;box-sizing:border-box}.contact-form textarea{resize:vertical;min-height:70px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #12cce8;outline-offset:1px}.contact-form .consent{flex-direction:row;align-items:flex-start;gap:7px;font-size:9px;font-weight:400;line-height:1.35}.contact-form .consent input{margin:2px 0 0;flex-shrink:0;accent-color:#08cbe7}.submit-btn{justify-self:start;border:0;cursor:pointer}.contact .contact-meta{font-size:9px}.contact .email{font-size:9px}.small{padding:5px 11px;font-size:9px}.contact-meta{display:flex;justify-content:space-between;gap:8px;margin:8px 0 2px;font-size:8px;color:#d8eff9}.email{font-size:8px;color:#d8eff9;text-decoration:none}.email:hover{text-decoration:underline}
footer{background:#03192c;color:#e7f4fa;border-top:1px solid #5aa8c5;padding:0 2.5%}.footer-top{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-top>a{display:block;width:175px;flex-shrink:0}.footer-top img{display:block;width:165px;max-height:42px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 2px #21d9ef)}.footer-top nav{display:flex;align-items:center;gap:0}.footer-top nav a{font-size:9px;text-decoration:none;padding:0 12px;border-left:1px solid #4b91b1}.footer-top nav a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #315a74;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;color:#bed3e0}
@media(min-width:1200px){.hero{height:292px}.service>img{height:103px}.service{min-height:195px}.cloud-card{min-height:191px}}
@media(max-width:1100px){.header{gap:10px;padding:0 2%}.brand{flex-basis:230px}.brand img{width:220px}.nav a{padding:0 7px;font-size:10px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-card{grid-column:span 2}.bottom{grid-template-columns:25% 30% 45%}.footer-top nav a{padding:0 6px}}
@media(max-width:760px){.header{height:68px;padding:0 16px;justify-content:space-between}.brand{flex:0 1 235px}.brand img{width:220px}.menu-button{display:block;background:none;color:#fff;border:1px solid #2b7799;border-radius:4px;font-size:22px;padding:3px 9px}.nav{display:none;position:absolute;top:68px;left:0;right:0;height:auto;flex-direction:column;background:#05213a;padding:8px 15px;border-bottom:1px solid var(--cyan)}.nav.open{display:flex}.nav a{padding:13px 10px;border-left:0;border-bottom:1px solid #ffffff1e;text-align:left}.language{font-size:18px;padding-left:0}.language button{font-size:10px}.hero{height:auto;min-height:390px;align-items:flex-end}.hero-picture{width:100%;height:100%;opacity:.68;background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(3,26,45,.97),rgba(3,26,45,.64)),linear-gradient(0deg,rgba(3,26,45,.55),transparent)}.hero-content{margin:0;padding:85px 20px 25px;width:100%}.hero h1{font-size:30px}.hero-text{max-width:500px}.audience{top:14px;left:20px;right:auto;font-size:10px}.hero-meta{gap:9px;flex-direction:column;margin-top:14px}.activities{padding:17px 14px}.section-heading{align-items:flex-start}.section-heading h2{font-size:18px}.heading-line,.section-heading>span{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service>img{height:110px}.service-body{padding:7px 8px 9px}.service h3{font-size:11px}.service em{font-size:9px}.service p{font-size:9px}.cloud-card{grid-column:span 2;min-height:210px}.cloud-content{padding:15px}.cloud-content h3{font-size:17px}.cloud-content p{font-size:10px}.tech-list span{padding:0 5px;font-size:16px}.tech-list b{font-size:8px}.tech-list small{font-size:7px}.bottom{grid-template-columns:1fr}.bottom>img{height:190px;min-height:190px}.project-copy{padding:16px 18px}.contact{border-left:0;border-top:1px solid #48b8d9;padding:15px 18px}.contact-form .form-row{grid-template-columns:1fr}.contact-form input:not([type=checkbox]):not([type=hidden]),.contact-form select,.contact-form textarea{font-size:16px}.footer-top{padding:12px 0;flex-wrap:wrap}.footer-top>a{width:145px}.footer-top img{width:140px}.footer-top nav{order:3;width:100%;flex-wrap:wrap;gap:8px 0}.footer-top nav a{padding:4px 8px}.footer-bottom{padding:10px 0;align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:420px){.brand{flex-basis:175px}.brand img{width:170px}.language{gap:4px}.cards{grid-template-columns:1fr}.cloud-card{grid-column:span 1}.service>img{height:145px}.tech-list{grid-template-columns:repeat(2,1fr);gap:10px}.tech-list span:nth-child(2){border:0}.hero h1{font-size:27px}}