:root{--navy:#09274c;--navy2:#061f3d;--azure:#0075c9;--muted:#223955;--line:#cbddeb;--panel:#edf6fc;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid var(--azure);outline-offset:4px;border-radius:4px}
.container{width:min(100% - 9.8%,1330px);margin-inline:auto}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.hero{position:relative;min-height:490px;background:#eff7fc;overflow:hidden;isolation:isolate}
.hero-art{position:absolute;z-index:-2;top:0;right:0;width:60%;height:100%;background-image:url('assets/hero-office.webp');background-size:cover;background-position:center center}
.hero-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f7fbff 0%,#f7fbff 29%,rgba(246,251,255,.98) 37%,rgba(246,251,255,.85) 45%,rgba(246,251,255,.2) 65%,rgba(240,249,255,0) 82%)}
.hero-content{position:relative}
.site-header{min-height:125px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:29px}
.brand{display:flex;align-items:center;gap:23px;max-width:min(100%,600px)}
.brand-mark{display:block;width:132px;height:auto;object-fit:contain;flex-shrink:0}
.brand-divider{height:56px;width:1.5px;background:#9aacbd;flex-shrink:0}
.brand-name{font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.35px}
.brand-name span,.footer-brand p span{display:block}
.language-picker{display:flex;align-items:center;gap:8px;margin-top:8px;padding:5px 8px;border:1px solid rgba(9,39,76,.18);background:rgba(255,255,255,.78);border-radius:9px;color:#7992a7;font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.language-button{border:0;background:transparent;color:#607a96;cursor:pointer;padding:5px 4px;font:inherit;transition:color .15s ease}
.language-button.is-active{color:var(--navy)}
.language-button:hover{color:#0075c9}
.hero-copy{padding:37px 0 85px;max-width:715px}
.hero-copy h1{font-size:clamp(31px,3.58vw,50px);line-height:1.15;letter-spacing:-1.35px;font-weight:750;margin:0 0 21px;color:#09264b}
.hero-copy h1 span{display:block}
.hero-copy p{max-width:560px;margin:0;font-size:clamp(17px,1.54vw,20px);line-height:1.35;letter-spacing:-.18px;color:#122e50}
.services{background:#fff;padding:30px 0 38px}
.section-intro{text-align:center;margin-bottom:34px}
.section-title-line{display:flex;align-items:center;justify-content:center;gap:22px}
.section-title-line>span{width:130px;max-width:12%;height:1px;background:#d2e2eb}
h2,h3,p{overflow-wrap:break-word}
.section-intro h2{font-size:32px;font-weight:750;line-height:1.15;margin:0;letter-spacing:-.6px}
.section-intro p{margin:13px 0 0;font-size:16px;line-height:1.4}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-card{min-height:156px;padding:22px 24px 21px;border-radius:16px;background:linear-gradient(135deg,#e8f4fc,#f1f8fd);border:1px solid #edf6fb}
.service-head{display:flex;align-items:flex-start;gap:21px;min-height:56px}
.service-icon,.commerce-icon{display:block;flex:none;fill:none;stroke:#0071c8;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.service-icon{width:62px;height:52px}
.service-card h3{font-size:20px;line-height:1.22;letter-spacing:-.35px;margin:0;font-weight:750}
.service-card p{font-size:15.7px;line-height:1.36;margin:7px 0 0;color:#152f52}
.commerce{position:relative;min-height:311px;background:linear-gradient(90deg,#f1f5f7 0%,#fff 70%);overflow:hidden;isolation:isolate}
.commerce-photo{position:absolute;z-index:-1;inset:0 auto 0 0;width:41%;background:url('assets/textile.webp') no-repeat left center;background-size:cover}
.commerce-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.15) 63%,#fff 98%)}
.commerce-wrap{min-height:311px;display:flex;justify-content:flex-end}
.commerce-content{width:63%;padding:27px 0 31px}
.commerce-content h2{font-size:30px;line-height:1.2;font-weight:750;letter-spacing:-.55px;margin:0 0 5px}
.commerce-intro{font-size:17px;line-height:1.4;margin:0;max-width:705px}
.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px}
.commerce-item{position:relative;padding:0 21px 0 0;min-width:0}
.commerce-item + .commerce-item{padding-left:26px}
.commerce-item + .commerce-item::before{content:"";position:absolute;left:0;top:16px;bottom:0;width:1px;background:#d5e0e9}
.commerce-icon{width:42px;height:42px;margin:0 0 3px}
.commerce-item h3{font-size:19px;letter-spacing:-.3px;line-height:1.2;font-weight:750;margin:0 0 4px}
.commerce-item p{font-size:15.5px;line-height:1.4;color:#183353;margin:0}
.site-footer{position:relative;background:linear-gradient(120deg,#0d365d,#061f3c 60%,#0a2e53);color:#fff;overflow:hidden;min-height:182px;isolation:isolate}
.world-map{position:absolute;right:0;top:0;bottom:0;width:340px;opacity:.66;z-index:-1;background:url('assets/world-map.webp') no-repeat right center;background-size:auto 100%;mask-image:linear-gradient(90deg,transparent,black 32%)}
.footer-inner{min-height:182px;display:grid;grid-template-columns:36% 64%;align-items:center;gap:0}
.footer-brand{min-height:75px;border-right:1px solid rgba(255,255,255,.8);display:flex;align-items:center;gap:21px;padding-right:28px}
.footer-brand img{display:block;width:118px;height:auto;flex-shrink:0}
.footer-brand .brand-divider{background:rgba(255,255,255,.72);height:50px}
.footer-brand p{font-size:16px;line-height:1.35;margin:0;letter-spacing:-.2px}
.footer-contact{padding-left:26px;padding-right:10px}
.footer-contact h2{font-size:23px;line-height:1.2;margin:0 0 10px;font-weight:750}
.contact-links{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.contact-links a,.contact-location{display:inline-flex;align-items:center;gap:11px;min-height:28px;color:#fff;font-size:15px;line-height:1.3;text-decoration:none;white-space:nowrap}
.contact-links a:hover{text-decoration:underline;text-underline-offset:4px}
.contact-links a+a::before,.contact-location::before{content:"";height:26px;width:1px;background:rgba(255,255,255,.7);margin-right:4px}
.contact-links svg{width:25px;height:25px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:1500px){.hero{min-height:555px}.hero-copy{padding-top:63px}.services{padding:43px 0 48px}.service-card{min-height:175px}.commerce,.commerce-wrap{min-height:340px}.commerce-content{padding-top:36px}.site-footer,.footer-inner{min-height:185px}}
@media (max-width:1100px){.container{width:min(100% - 7%,1330px)}.brand{gap:15px}.brand-mark{width:110px}.brand-name{font-size:16px}.hero-copy{max-width:670px}.hero-art{width:64%}.hero-overlay{background:linear-gradient(90deg,#f7fbff 0%,#f7fbff 23%,rgba(247,251,255,.94) 37%,rgba(247,251,255,.64) 54%,rgba(247,251,255,0) 82%)}.commerce-content{width:65%}.commerce-item h3{font-size:17px}.footer-inner{grid-template-columns:39% 61%}.footer-brand{gap:14px}.footer-brand img{width:100px}.footer-brand p{font-size:13px}.footer-contact{padding-left:20px}.contact-links{gap:10px}.contact-links a,.contact-location{font-size:13px}}
@media (max-width:800px){.hero{min-height:460px}.hero-art{width:72%;opacity:.8}.hero-overlay{background:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.95) 35%,rgba(247,251,255,.77) 60%,rgba(247,251,255,.2) 100%)}.hero-copy{padding-top:27px;padding-bottom:65px}.hero-copy h1{font-size:clamp(30px,5vw,39px)}.hero-copy p{font-size:17px;max-width:530px}.services{padding:33px 0 40px}.section-intro h2{font-size:27px}.service-grid{gap:12px}.service-card{padding:19px 17px}.service-head{gap:8px;min-height:45px}.service-icon{width:43px;height:43px}.service-card h3{font-size:16px}.service-card p{font-size:14px}.commerce-photo{width:50%;opacity:.62}.commerce-content{width:71%}.commerce-content h2{font-size:25px}.commerce-intro{font-size:15px}.commerce-item{padding-right:12px}.commerce-item+.commerce-item{padding-left:14px}.commerce-item h3{font-size:15px}.commerce-item p{font-size:13px}.commerce-icon{width:37px;height:37px}.footer-inner{grid-template-columns:1fr;gap:15px;padding-top:25px;padding-bottom:27px}.footer-brand{border-right:0;min-height:0}.footer-contact{padding:0}.footer-contact h2{font-size:20px}.contact-links a,.contact-location{font-size:14px}}
@media (max-width:580px){.container{width:calc(100% - 38px)}.hero{min-height:520px}.hero-art{height:275px;top:85px;width:100%;background-position:60% center;opacity:.52}.hero-overlay{background:linear-gradient(180deg,rgba(247,251,255,.4) 0%,rgba(247,251,255,.7) 23%,#f7fbff 80%)}.site-header{min-height:126px;padding-top:20px;align-items:flex-start}.brand{gap:10px;align-items:center}.brand-mark{width:80px}.brand-divider{height:39px}.brand-name{font-size:12px;letter-spacing:-.2px}.language-picker{margin-top:4px;font-size:12px;gap:3px;padding:2px 4px}.language-button{padding:5px 3px}.hero-copy{padding:30px 0 49px}.hero-copy h1{font-size:clamp(29px,7.3vw,39px);letter-spacing:-.9px;margin-bottom:22px}.hero-copy h1 span{display:inline}.hero-copy h1 span+span::before{content:" "}.hero-copy p{font-size:16.5px;line-height:1.52}.services{padding:37px 0 40px}.section-title-line>span{width:30px}.section-title-line{gap:10px}.section-intro h2{font-size:25px}.section-intro p{font-size:14px;line-height:1.5;margin-top:10px}.section-intro{margin-bottom:24px}.service-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:0;padding:20px 21px}.service-head{gap:14px;min-height:0;align-items:center}.service-icon{width:45px;height:45px}.service-card h3{font-size:18px}.service-card p{font-size:15px;margin-top:11px}.commerce{padding-top:165px}.commerce-photo{top:0;bottom:auto;width:100%;height:200px;background-size:cover;background-position:top center;opacity:.88}.commerce-photo::after{background:linear-gradient(180deg,rgba(255,255,255,0) 8%,rgba(255,255,255,.15) 60%,#fff 100%)}.commerce-wrap{min-height:0}.commerce-content{width:100%;padding:26px 0 37px}.commerce-content h2{font-size:25px}.commerce-intro{font-size:15px;line-height:1.52}.commerce-grid{grid-template-columns:1fr;gap:17px;margin-top:23px}.commerce-item{display:grid;grid-template-columns:43px 1fr;column-gap:13px;align-items:start;padding:0!important}.commerce-item+.commerce-item::before{content:none}.commerce-icon{grid-row:span 2;width:37px;height:37px;margin:0}.commerce-item h3{font-size:17px;margin:0 0 3px}.commerce-item p{font-size:14px}.site-footer,.footer-inner{min-height:0}.footer-inner{padding-top:28px;padding-bottom:30px;gap:25px}.footer-brand{gap:15px}.footer-brand img{width:100px}.footer-brand .brand-divider{height:46px}.footer-brand p{font-size:14px}.footer-contact h2{font-size:21px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.contact-links a,.contact-location{font-size:15px}.contact-links a+a::before,.contact-location::before{content:none}.world-map{opacity:.27}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.language-button{transition:none}}
