:root{--navy:#082d43;--cyan:#25bdcd;--ink:#12313b;--ice:#eaf4f5;--sand:#f2efe8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px Arial,sans-serif}a{text-decoration:none;color:inherit}.site-nav{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;border-bottom:1px solid #dce7e8;z-index:20}.site-brand{display:flex;align-items:center;gap:11px}.site-brand img{width:40px;height:40px;object-fit:contain}.site-brand b{letter-spacing:.05em}.site-brand small{display:block;color:#71868d;font-size:8px;font-weight:500}.site-nav nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.site-nav .area{padding:12px 16px;background:var(--navy);color:#fff;border-radius:4px}.site-menu{display:none;border:0;background:none;font-size:24px}.site-hero{min-height:calc(100vh - 78px);padding:9vh 7vw 28px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center;position:relative;overflow:hidden}.site-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff0 53px,#ffffff0a 54px),linear-gradient(90deg,#fff0 53px,#ffffff0a 54px);background-size:54px 54px}.hero-copy,.hero-graphic,.site-hero footer{position:relative}.hero-copy>span,.site-about span,.section-title span,.site-territory>div>span,.site-contact span{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1{font-size:clamp(42px,5.4vw,78px);line-height:1.02;letter-spacing:-.045em;margin:20px 0;max-width:850px}.hero-copy p{max-width:680px;color:#b8cbd1;font-size:18px;line-height:1.7}.hero-copy>div{display:flex;gap:12px;margin-top:30px}.hero-copy a{padding:15px 20px;border-radius:3px;font-weight:800;font-size:13px}.cta{background:var(--cyan);color:var(--navy)}.ghost{border:1px solid #63808a}.hero-graphic{height:450px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0f5a70 0,#0a394f 38%,transparent 68%)}.hero-graphic>i{position:absolute;border:1px solid #65dbe644;border-radius:50%;inset:15%}.hero-graphic>i:nth-child(2){inset:29%}.hero-graphic>i:nth-child(3){inset:42%}.hero-graphic>div{width:120px;height:120px;background:var(--cyan);color:var(--navy);border-radius:50%;display:grid;place-content:center;text-align:center;z-index:2}.hero-graphic>div b{font-size:30px}.hero-graphic>div small{display:block}.hero-graphic em{position:absolute;background:#fff;color:var(--ink);padding:12px 16px;font-style:normal;font-weight:bold;font-size:12px;box-shadow:0 12px 30px #0005}.hero-graphic em:nth-of-type(1){top:14%;left:2%}.hero-graphic em:nth-of-type(2){right:0;top:44%}.hero-graphic em:nth-of-type(3){bottom:12%;left:12%}.site-hero footer{grid-column:1/-1;padding-top:22px;border-top:1px solid #ffffff27;display:flex;justify-content:space-between;color:#95adb5;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.site-about,.site-services,.site-territory,.site-contact{padding:105px 7vw}.site-about{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.site-about h2,.section-title h2,.site-territory h2,.site-contact h2{font-size:clamp(35px,4.2vw,58px);letter-spacing:-.04em;line-height:1.08;margin:18px 0}.site-about>p{font-size:19px;line-height:1.8;color:#587078}.site-services{background:var(--sand)}.section-title{max-width:760px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c8d0ce;margin-top:45px}.service-grid article{min-height:300px;padding:35px 30px;border-right:1px solid #c8d0ce}.service-grid article:first-child{border-left:1px solid #c8d0ce}.service-grid small{color:#789095}.service-grid h3{font-size:24px;margin:60px 0 16px}.service-grid p{color:#61767c;line-height:1.7}.site-territory{background:var(--ice);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.site-territory p{line-height:1.7;color:#587078}.countries{height:360px;border:1px solid #bfd4d7;position:relative;display:flex;align-items:center;justify-content:center;gap:45px;background-image:radial-gradient(#0d506933 1px,transparent 1px);background-size:18px 18px}.countries b{width:105px;height:105px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--navy);color:#fff;font-size:25px;z-index:2}.countries small{display:block;font-size:9px;color:#73d3dc;text-transform:uppercase}.countries i{width:70px;height:1px;background:var(--cyan)}.countries em{position:absolute;right:15px;top:15px;background:#fff;padding:10px;font-size:10px}.site-clients{padding:60px 7vw;text-align:center}.site-clients>span{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#74888e}.site-clients>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px}.site-clients figure{margin:0;padding:20px;border-right:1px solid #e0e7e7}.site-clients img{width:100%;height:55px;object-fit:contain}.site-clients figcaption{font-size:10px;color:#809096;margin-top:8px}.site-contact{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.site-contact>div:last-child{align-self:end}.site-contact a{display:block;padding:16px 0;border-bottom:1px solid #66818b;color:#fff;font-size:18px}.site-contact p{color:#a7bdc4}.site-footer{padding:32px 7vw;background:#041c29;color:#fff;display:flex;align-items:center;justify-content:space-between}.site-footer p,.site-footer>span{font-size:11px;color:#8098a0}@media(max-width:800px){.site-nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.site-nav nav.open{display:flex}.site-menu{display:block}.site-hero{grid-template-columns:1fr;padding-top:65px}.hero-graphic{height:340px}.site-about,.site-territory,.site-contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:first-child{border-left:0;border-right:0;border-bottom:1px solid #c8d0ce}.site-clients>div{grid-template-columns:1fr 1fr}.site-footer{flex-direction:column;align-items:flex-start;gap:16px}.site-hero footer{gap:15px;flex-direction:column}.hero-copy h1{font-size:43px}}
