@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#04152d;--panel:#082849;--ink:#f6fbff;--muted:#a9bfd3;--blue:#0aa9e8;--red:#ed3342;--accent:#f47738;--line:rgba(65,190,237,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}
.top{height:35px;background:#020d1e;color:#b6cce0;font-size:11px}.top .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:15px}.top strong{color:#fff}.top .motto{letter-spacing:1px}
header{position:sticky;top:0;z-index:20;background:rgba(3,18,39,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:78px;height:64px;object-fit:contain}.brand b{display:block;font:800 14px Manrope;line-height:1.2}.brand small{display:block;color:#55c9f0;font-size:9px;letter-spacing:2px;margin-top:5px}.navlinks{display:flex;gap:27px;align-items:center;color:#c5d7e6;font-size:12px;font-weight:700}.navlinks a:hover{color:var(--accent)}.navbtn,.btn,button{border:0;border-radius:999px;padding:13px 20px;background:linear-gradient(100deg,#078ee0,#14b8e8 65%,#ed3443);color:#fff;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 8px 28px #008de044;transition:.25s}.navbtn:hover,.btn:hover,button:hover{transform:translateY(-3px);filter:brightness(1.12)}.menu{display:none;background:transparent;border:1px solid #2b6387;color:white;border-radius:9px;padding:8px 12px;font-size:20px}
.hero{position:relative;min-height:600px;overflow:hidden;display:flex;align-items:center;background:linear-gradient(90deg,#03132c 0%,rgba(3,20,43,.93) 32%,rgba(3,20,43,.25) 100%),url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?auto=format&fit=crop&w=2000&q=88') center/cover}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,175,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,175,232,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.hero:after{content:"";position:absolute;inset:auto -10% -60px;height:130px;background:linear-gradient(90deg,transparent,var(--accent),#078ee0,transparent);filter:blur(28px);opacity:.5;animation:glow 5s ease-in-out infinite alternate}@keyframes glow{to{transform:translateX(8%);opacity:.9}}.hero .wrap{position:relative;z-index:2;padding:85px 0 100px}.eyebrow,small.kicker,.section-head small,.about-copy small,.contact-intro small{color:var(--accent);font-size:10px;letter-spacing:2.4px;font-weight:800}.hero h1{font:800 clamp(43px,6vw,76px)/1.02 Manrope;letter-spacing:-3px;max-width:740px;margin:18px 0}.hero h1 span,.section-head em,.about-copy em,.contact-intro em{font-style:normal;background:linear-gradient(90deg,#10b9f3,#a0eaff 50%,#f14b55);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:550px;color:#c0d2e2;line-height:1.8;font-size:16px}.hero-actions{display:flex;gap:13px;align-items:center;margin-top:28px;flex-wrap:wrap}.secondary{border:1px solid #64bce0;background:#041b36;color:#fff;box-shadow:none}.floating{position:absolute;right:7%;bottom:42px;z-index:3;padding:17px 21px;border:1px solid #37c6f1;border-radius:15px;background:rgba(3,25,52,.8);backdrop-filter:blur(14px);box-shadow:0 15px 45px #0007;animation:float 5s ease-in-out infinite}.floating b{display:block;font:800 20px Manrope}.floating span{color:#62d7f4;font-size:10px}.floatline{position:absolute;right:0;top:25%;width:37%;height:2px;background:linear-gradient(90deg,transparent,#13c8f0,#f33c50,transparent);box-shadow:0 0 20px #16c8f0;animation:line 4s linear infinite}@keyframes line{0%{transform:translateX(-30%);opacity:.2}100%{transform:translateX(25%);opacity:1}}@keyframes float{50%{transform:translateY(-13px)}}
.ticker{background:#020e20;border-block:1px solid var(--line);padding:13px 0;overflow:hidden;white-space:nowrap;color:#b7cee0;font-size:11px}.ticker-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.ticker span{padding:0 35px}.ticker b{color:#2bd1ef}@keyframes marquee{to{transform:translateX(-50%)}}
section{padding:85px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 38px}.section-head h2,.about-copy h2{font:800 clamp(30px,4vw,48px)/1.12 Manrope;letter-spacing:-1.5px;margin:12px 0}.section-head p,.about-copy p,.contact-intro p{color:#a9bfd3;line-height:1.8;font-size:13px}.services{background:linear-gradient(180deg,#061a33,#04152d)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{min-height:330px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#092849;box-shadow:0 18px 55px #0004;transition:.35s}.service-card:hover{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 20px 60px #008bd633}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46;transition:.5s}.service-card:hover img{transform:scale(1.05);opacity:.62}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,40,.98),rgba(3,19,40,.82) 48%,rgba(3,19,40,.1))}.card-copy{position:relative;z-index:2;padding:35px;max-width:75%}.symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;border:1px solid var(--accent);color:var(--accent);font-size:25px;background:#06294c}.card-copy h3{font:800 23px Manrope;margin:17px 0 8px}.card-copy p{font-size:12px;line-height:1.75;color:#c0d3e3}.card-copy a{display:inline-block;margin-top:12px;color:#75dff8;font-size:11px;font-weight:800;border-bottom:1px solid var(--accent);padding-bottom:5px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#f1f7fb;color:#11243b;padding-inline:max(24px,calc((100% - 1240px)/2))}.about-image{height:410px;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 22px 55px #06172d2a}.about-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:18px;left:20px;color:white;font-size:11px;letter-spacing:2px;font-weight:800}.about-copy small{color:#df414b}.about-copy h2{color:#0b2340}.about-copy p{color:#5f7184}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.values div{background:white;border:1px solid #dce8f0;border-radius:10px;padding:13px}.values b{display:block;color:#0c9fd6;font-size:10px}.values strong{display:block;font-size:12px;margin:5px 0}.values span{font-size:9px;color:#75889a}
.approach{background:radial-gradient(ellipse at 50% 0%,#0a3d63,transparent 60%),#04152d}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps>div{padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#0b3455aa,#071b34aa);min-height:160px}.steps b{color:var(--accent);font:800 12px Manrope}.steps h3{font:700 16px Manrope;margin:16px 0 7px}.steps p{font-size:11px;line-height:1.7;color:#a9bfd3}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:linear-gradient(125deg,#082b4a,#04152d);padding-inline:max(24px,calc((100% - 1240px)/2))}.contact-intro h2{font:800 48px/1.05 Manrope;margin:15px 0}.contact-info{display:grid;gap:12px;color:#c7d9e8;font-size:13px;margin-top:22px}.contact-form{display:grid;gap:11px;padding:25px;border:1px solid var(--line);border-radius:17px;background:#03182dcc;box-shadow:0 20px 55px #0004}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid #315b79;border-radius:8px;background:#061e39;color:white;font:12px 'DM Sans';outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent)}.contact-form textarea{min-height:85px;resize:vertical}.contact-form select option{color:#10243b}.form-note{font-size:9px;color:#829fb7}
footer{background:#020d1c;border-top:1px solid var(--line);padding:25px 0;color:#9db5c9}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footbrand{display:flex;align-items:center;gap:10px}.footbrand img{width:60px;height:48px;object-fit:contain}.footbrand strong{display:block;color:white;font:800 12px Manrope}.footbrand small{font-size:10px}.footlinks{display:flex;gap:18px;font-size:11px}.legal{border-top:1px solid #ffffff19;margin-top:20px;padding-top:14px;font-size:9px;color:#6e879d;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:30;border-radius:40px;padding:13px 17px;background:#0bbd70;color:white;font-weight:800;font-size:11px;box-shadow:0 8px 28px #0006}
.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
.hero{min-height:640px;background-position:center 54%}.hero h1{max-width:800px}.service-card{border-radius:4px}.service-card:after{background:linear-gradient(90deg,rgba(3,19,40,.97),rgba(3,19,40,.7) 52%,rgba(3,19,40,.12))}.values div{border-radius:4px}.steps>div{border-radius:5px}.contact-form{border-radius:5px}
@media(max-width:900px){.navlinks{gap:13px}.brand b{font-size:12px}.hero{min-height:540px}.steps{grid-template-columns:1fr 1fr}.about{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.top .motto{display:none}.top .wrap{justify-content:center}.brand img{width:60px;height:50px}.brand b{font-size:10px}.brand small{font-size:8px}.menu{display:block}.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:#041a33;padding:12px 22px 20px;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px;border-bottom:1px solid #183b58}.navbtn{display:none}.hero{min-height:520px;background-position:58% center}.hero .wrap{padding:75px 0}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero p{font-size:13px}.floating{right:16px;bottom:14px;padding:12px}.floating b{font-size:15px}.floatline{width:60%}section{padding:65px 0}.service-grid,.about,.contact{grid-template-columns:1fr}.service-card{min-height:300px}.card-copy{max-width:90%;padding:25px}.about{padding:65px 16px}.about-image{height:270px;order:2}.values{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.contact{padding:65px 16px;gap:20px}.contact-intro h2{font-size:39px}.foot{align-items:flex-start}.footlinks{flex-wrap:wrap}.whatsapp{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}