:root{--ink:#061826;--blue:#075cff;--cyan:#23d8eb;--paper:#f2f5f7;--line:#cbd5dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}
.topbar{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #dbe2e7;position:relative;z-index:5}.brand{display:flex;align-items:center}.brand img{display:block;width:230px;height:62px;object-fit:contain;object-position:left center}.topbar nav{display:flex;gap:38px;font-size:13px;font-weight:700}.topbar nav a:hover{color:var(--blue)}.navCta{background:var(--ink);color:white;padding:15px 21px;font-size:12px;font-weight:800}.navCta span{color:var(--cyan);margin-left:14px}
.hero{min-height:690px;background:var(--ink);color:white;position:relative;padding:104px clamp(24px,7vw,108px) 70px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5vw}.heroGrid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero:after{content:"";position:absolute;right:-12%;top:-25%;width:62%;height:115%;background:radial-gradient(circle,rgba(0,91,255,.28),transparent 66%)}.heroCopy{position:relative;z-index:2;max-width:720px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:2.6px;color:#a9bdc9;margin:0 0 28px;display:flex;align-items:center;gap:11px}.eyebrow span{display:block;width:28px;height:2px;background:var(--cyan)}.eyebrow.dark{color:#536b7b}.eyebrow.dark span{background:var(--blue)}h1,h2{letter-spacing:-.055em;margin:0;font-weight:800;line-height:.95}h1{font-size:clamp(52px,6.3vw,94px)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--cyan)}.intro{max-width:590px;font-size:18px;line-height:1.65;color:#b9c8d1;margin:34px 0}.heroActions{display:flex;align-items:center;gap:34px}.primary{display:inline-flex;gap:30px;align-items:center;background:var(--blue);padding:18px 23px;font-weight:800;font-size:13px}.primary span{color:var(--cyan)}.textLink{font-size:13px;font-weight:800;border-bottom:1px solid #4d6473;padding:15px 0}.textLink span{color:var(--cyan);margin-left:18px}.heroVisual{height:470px;position:relative;z-index:2}.heroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,38,.55),transparent 40%),linear-gradient(0deg,rgba(6,24,38,.72),transparent 45%)}.heroVisual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08)}.imageTag{position:absolute;z-index:2;left:25px;bottom:25px;font-size:11px;font-weight:900;letter-spacing:2px;line-height:1.6}.imageTag span{display:block;color:var(--cyan);margin-bottom:4px}.imageLines{position:absolute;z-index:2;right:-18px;top:-18px;width:110px;height:110px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan)}.trust{position:absolute;z-index:2;bottom:40px;right:clamp(24px,7vw,108px);display:flex;align-items:center;gap:15px}.trust strong{font-size:34px;color:var(--cyan)}.trust span{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:1px;color:#91a5b2}
.marquee{background:var(--blue);color:white;white-space:nowrap;transform:rotate(-1.1deg) scale(1.03);padding:17px 0;position:relative;z-index:3}.marquee div{font-size:13px;font-weight:900;letter-spacing:2.8px;text-align:center}.marquee b{color:var(--cyan);margin:0 25px}.services{padding:130px clamp(24px,7vw,108px)}.sectionHead{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:65px}.sectionHead h2,.about h2,.contact h2{font-size:clamp(44px,5vw,74px)}.sectionHead h2 em,.contact h2 em{color:var(--blue)}.sectionHead>p{font-size:17px;line-height:1.7;color:#526b7a;max-width:520px}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.serviceGrid article{min-height:390px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s}.serviceGrid article:hover{background:white;transform:translateY(-5px);box-shadow:0 18px 40px rgba(6,24,38,.08)}.serviceGrid article>span{font-size:10px;color:#738895;letter-spacing:2px}.serviceIcon{font-size:42px;color:var(--blue);margin:53px 0 35px}.serviceGrid h3{font-size:21px;line-height:1.15;margin:0 0 17px}.serviceGrid p{font-size:13px;line-height:1.65;color:#607684}.serviceGrid a{position:absolute;bottom:25px;font-size:12px;font-weight:800}.serviceGrid a b{color:var(--blue);margin-left:12px}
.about{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white}.aboutPanel{padding:110px clamp(24px,7vw,108px)}.aboutPanel h2 em{color:var(--cyan)}.aboutPanel>p:not(.eyebrow){color:#a9bbc6;line-height:1.75;font-size:16px;max-width:600px;margin:32px 0}.primary.light{background:white;color:var(--ink)}.benefits{background:linear-gradient(145deg,#06326f,#075cff);padding:45px 70px 55px}.benefits figure{height:220px;margin:0 0 16px;position:relative;overflow:hidden}.benefits figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,38,.7),transparent 70%)}.benefits figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.05)}.benefits figcaption{position:absolute;z-index:2;left:18px;bottom:15px;font-size:9px;letter-spacing:2px;font-weight:800}.benefits div{display:grid;grid-template-columns:45px 1fr 25px;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding:17px 0}.benefits span{font-size:10px;letter-spacing:2px;color:#9ec7ff}.benefits p{font-size:16px;font-weight:700}.benefits b{color:var(--cyan)}.contact{padding:120px clamp(24px,7vw,108px);display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2 em{color:var(--blue)}.contactCard{background:white;padding:45px;box-shadow:0 16px 60px rgba(6,24,38,.08)}.contactCard>p{font-size:17px;line-height:1.7;color:#516a79;margin-top:0}.whatsapp{display:flex;align-items:center;background:#19bd64;color:white;padding:19px 21px;margin:30px 0;font-size:13px;font-weight:800}.whatsapp span{font-size:20px;margin-right:12px}.whatsapp b{margin-left:auto}.contactInfo{display:grid;gap:12px;font-size:13px}.contactInfo a{font-weight:800}.contactInfo p{color:#647985;margin:0}footer{background:#04111c;color:#8fa1ad;padding:45px clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:11px}footer>span{text-align:right}.footerBrand img{filter:brightness(0) invert(1);width:180px;height:50px}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.heroVisual{height:340px}.trust{display:none}.sectionHead,.about,.contact{grid-template-columns:1fr}.serviceGrid{grid-template-columns:1fr 1fr}.aboutPanel{padding:80px 35px}.benefits{padding:45px 35px}.contact{gap:45px}.navCta{display:none}}@media(max-width:560px){.topbar{height:72px}.brand img{width:180px;height:52px}.hero{min-height:850px;padding:65px 24px}.heroVisual{height:280px}.intro{font-size:16px}.heroActions{gap:20px}.services{padding:95px 24px}.sectionHead{gap:28px}.serviceGrid{grid-template-columns:1fr}.serviceGrid article{min-height:310px}.serviceIcon{margin:35px 0 25px}.aboutPanel{padding:75px 24px}.benefits{padding:35px 24px}.contact{padding:80px 24px}.contactCard{padding:28px}.marquee div{font-size:10px}footer{grid-template-columns:1fr;gap:20px}footer>span{text-align:left}}