*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f5f1;color:#111;line-height:1.55}a{text-decoration:none;color:inherit}header{height:80px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;color:#fff;background:linear-gradient(#0009,transparent);transition:.3s}header.scrolled{background:#101515ee;backdrop-filter:blur(12px)}nav{display:flex;gap:25px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.logo{font-weight:900;font-size:29px;letter-spacing:.05em}.logo small{display:block;font-size:7px;letter-spacing:.17em;opacity:.7}.hero{height:90vh;min-height:650px;position:relative;color:#fff;display:flex;align-items:center}.photo{background:linear-gradient(135deg,#173e39,#77857e) center/cover}.hero .photo{position:absolute;inset:0}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#06120ee8,#06120e55)}.heroText{position:relative;margin-left:9vw;max-width:850px}.ey{font-size:10px;letter-spacing:.21em;font-weight:700;opacity:.65;text-transform:uppercase}.hero h1{font-size:clamp(54px,8vw,105px);line-height:.91;letter-spacing:-.06em;margin:18px 0 26px}.hero p{font-size:18px;max-width:690px;opacity:.85}.btn{display:inline-block;padding:14px 21px;margin:24px 9px 0 0;background:#fff;color:#111;font-size:10px;font-weight:700;letter-spacing:.13em}.btn.outline{background:transparent;border:1px solid #fff;color:#fff}.wrap{padding:110px 9vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.intro h2,.wrap h2,.dark h2{font-size:clamp(42px,5vw,72px);line-height:.97;letter-spacing:-.05em;margin:14px 0 40px}.intro p{font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9cdc5}
.card{padding:0 32px 32px;background:#f4f5f1;min-height:310px;overflow:hidden}.cardPhoto{height:150px;margin:0 -32px 0;background-position:center;background-size:cover}.card h3{font-size:25px;margin:28px 0 10px}.card p{opacity:.62}.band{display:grid;grid-template-columns:1.25fr 1fr 1fr;height:390px;gap:3px}.dark{background:#101414;color:#fff}.project{display:grid;grid-template-columns:1.05fr 1fr;background:#171d1d}.project .photo{min-height:530px}.project .copy{padding:58px}.project h3{font-size:49px;line-height:1;margin:14px 0}.metrics{display:flex;gap:30px;margin:35px 0}.metrics b{display:block;font-size:22px}.metrics small{opacity:.55}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa}.timeline>div{padding:25px 25px 0 0}.timeline b{font-size:27px}.timeline p{opacity:.62}.tech{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#e4e7e0}.huawei{background:#fff;padding:50px;min-height:310px;display:flex;flex-direction:column;justify-content:center}.huawei strong{font-size:42px}.huawei small{letter-spacing:.15em;opacity:.5}.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #999}.steps div{padding:25px 15px 0 0}.steps b{display:block;margin-top:25px}.contact{background:#17201e;color:#fff}.contact h2{font-size:clamp(48px,6vw,90px)}footer{padding:28px 9vw;background:#0c0f0f;color:#fff;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em}.innerHero{padding:175px 9vw 90px;background:#17201e;color:#fff}.innerHero h1{font-size:clamp(50px,7vw,90px);line-height:.95;letter-spacing:-.055em;max-width:950px}.contentGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#cbd0c8}.contentGrid article{padding:45px;background:#f4f5f1;min-height:280px}.contentGrid h2{font-size:30px;margin:45px 0 12px}.projectList{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.projectList article{background:#fff;padding:35px;min-height:190px}.projectList h3{font-size:25px}.projectList p{opacity:.65}.tag{font-size:9px;letter-spacing:.15em;text-transform:uppercase;opacity:.5}.regional{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.map{min-height:360px;background:linear-gradient(135deg,#dfe4dc,#9ba99f);display:flex;align-items:center;justify-content:center;font-size:22px;letter-spacing:.1em;color:#3e5149}.lang{font-size:10px}@media(max-width:820px){.cards .card:last-child{grid-column:auto}nav{display:none}.intro,.tech,.project,.regional{grid-template-columns:1fr}.cards,.projectList{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.band{height:300px}.heroText{margin:0 6vw}.wrap,.dark,.innerHero,.contact{padding-left:6vw;padding-right:6vw}}@media(max-width:540px){.cards,.projectList,.timeline,.steps{grid-template-columns:1fr}.band{grid-template-columns:1fr;height:350px}.band div:not(:first-child){display:none}footer{display:block}footer span{display:block;margin-top:8px}}

.regionalVideo{background:#e4e7e0}.regionalVideoGrid{display:grid;grid-template-columns:1fr 1.25fr;gap:7vw;align-items:center}.regionalVideo h2,.regionalFeature h2{font-size:clamp(42px,5vw,72px);line-height:.97;letter-spacing:-.05em;margin:14px 0 28px}.videoFrame{background:#0b1010;overflow:hidden}.videoFrame video{display:block;width:100%;height:auto}.videoFrame.large{max-width:1100px}.regionalFeature{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center}.muted{opacity:.55;font-size:14px}.regionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#cbd0c8}.regionGrid article{background:#f4f5f1;padding:35px;min-height:150px}.regionGrid b{letter-spacing:.1em}.regionGrid p{opacity:.62}@media(max-width:820px){.regionalVideoGrid,.regionalFeature{grid-template-columns:1fr}.regionGrid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.regionGrid{grid-template-columns:1fr}}
.imageFeature{display:grid;grid-template-columns:1.15fr .85fr;gap:3px;background:#cbd0c8}.imageFeature .photo{min-height:430px}.imageFeature .copy{background:#f4f5f1;padding:55px}.imageFeature .copy h2{font-size:clamp(38px,4vw,60px);line-height:1;margin:12px 0 24px}.photoLabel{font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:.55}
@media(max-width:820px){.imageFeature{grid-template-columns:1fr}.imageFeature .photo{min-height:320px}}
.logoImage{display:flex;align-items:center;height:64px;width:190px;overflow:visible}.logoImage img{display:block;width:190px;height:auto;max-height:62px;object-fit:contain}.logoImage{font-size:0}

.wrapFeature{padding-top:0;padding-bottom:0}.imageFeature{margin-left:9vw;margin-right:9vw}.imageFeatureReverse{margin-top:3px}.imageFeatureMini{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#cbd0c8;min-height:310px}.imageFeatureMini .photo{min-height:310px}.imageFeature .copy{display:flex;flex-direction:column;justify-content:center}.imageFeature .btn{width:max-content}.imageFeatureReverse .copy{order:0}.imageFeatureReverse .photo{order:1}@media(max-width:820px){.imageFeature{margin-left:6vw;margin-right:6vw}.imageFeatureMini{min-height:260px}.imageFeatureMini .photo{min-height:260px}}@media(max-width:540px){.imageFeatureMini{grid-template-columns:1fr}.imageFeatureMini .photo:last-child{display:none}}

.aiFeature{display:grid;grid-template-columns:1fr 1fr;background:#101414;color:#fff;min-height:470px;margin-top:3px}.aiCopy{padding:80px 9vw;display:flex;flex-direction:column;justify-content:center}.aiCopy h2{font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.05em;margin:14px 0 28px}.aiCopy p{max-width:680px;font-size:17px;opacity:.78}.aiCopy .aiSub{opacity:.95;font-weight:600;margin-top:8px}.aiVisual{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#050909}.aiImage{min-height:470px;background-position:center;background-size:cover;filter:saturate(.8)}@media(max-width:820px){.aiFeature{grid-template-columns:1fr}.aiCopy{padding:70px 6vw}.aiImage{min-height:300px}}@media(max-width:540px){.aiVisual{grid-template-columns:1fr}.aiImage:last-child{display:none}}

.imageFeature .photoImg{background:none;overflow:hidden}.imageFeature .photoImg img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}@media(max-width:820px){.imageFeature .photoImg img{min-height:320px}}

/* Safari-safe image layout */
.imageFeature.safariFeature{display:flex;align-items:stretch;gap:3px;background:#cbd0c8;min-height:430px;}
.imageFeature.safariFeature .safariImage{flex:0 0 57%;width:57%;min-width:0;min-height:430px;background:#dfe3dc;overflow:hidden;}
.imageFeature.safariFeature .safariImage img{display:block!important;width:100%!important;height:430px!important;min-height:430px!important;max-width:none!important;object-fit:cover!important;object-position:center!important;}
.imageFeature.safariFeature .copy{flex:1 1 43%;min-width:0;}
@media(max-width:820px){.imageFeature.safariFeature{display:flex;flex-direction:column}.imageFeature.safariFeature .safariImage{width:100%;flex-basis:auto}.imageFeature.safariFeature .safariImage img{height:320px!important;min-height:320px!important}.imageFeature.safariFeature .copy{width:100%;}}
.imageFeatureMini .photo{min-height:420px;background-size:cover;background-position:center}

/* Technology feature: use the full image area so no empty panel is visible. */
.imageFeatureMini{grid-template-columns:1fr;}
.imageFeatureMini .photo{width:100%;min-width:0;}

/* WhatsApp contact */
.whatsappFloat{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 5px 18px rgba(0,0,0,.24);transition:transform .2s ease,box-shadow .2s ease}
.whatsappFloat:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.28)}
.whatsappFloat svg{width:31px;height:31px;fill:currentColor}
.whatsappContact{margin-top:18px;font-size:15px}.whatsappContact a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:540px){.whatsappFloat{right:16px;bottom:16px;width:54px;height:54px}.whatsappFloat svg{width:29px;height:29px}}


/* V12 refinements */
.langSwitch{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.34);background:rgba(0,0,0,.24);backdrop-filter:blur(8px);font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.langOption{display:flex;align-items:center;gap:5px;opacity:.65;transition:.2s ease}.langOption:hover,.langOption.active{opacity:1}.langOption.active{font-weight:700}.flag{font-size:14px;line-height:1}.langDivider{opacity:.35}
.metricsBand{padding-top:85px;padding-bottom:85px;background:#e4e7e0}.metricsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#cbd0c8;margin-top:38px}.metricsGrid>div{background:#e4e7e0;padding:28px 26px;min-height:145px}.metricsGrid strong{display:block;font-size:clamp(24px,2.5vw,38px);line-height:1.05;letter-spacing:-.04em}.metricsGrid span{display:block;margin-top:13px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.58}
.processSection{background:#f4f5f1}.sectionLead{max-width:720px;font-size:18px;opacity:.62;margin:-18px 0 42px}.stepsConnected{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin-top:20px}.stepsConnected:before{content:"";position:absolute;left:8%;right:8%;top:18px;border-top:1px solid #9aa39c}.stepsConnected>div{position:relative;padding:0 18px 0 0}.stepsConnected span{position:relative;z-index:1;display:flex;width:36px;height:36px;border:1px solid #7e8981;border-radius:50%;align-items:center;justify-content:center;background:#f4f5f1;font-size:10px;letter-spacing:.08em}.stepsConnected b{display:block;margin-top:18px;font-size:17px;max-width:150px}
.selectedExperience{padding-bottom:110px}.selectedHead,.whyHead{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.selectedHead h2,.whyHead h2{font-size:clamp(42px,5vw,72px);line-height:.97;letter-spacing:-.05em;margin:14px 0 35px}.selectedHead p,.whyHead p{font-size:18px;max-width:620px;opacity:.65}.experienceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#cbd0c8;margin-top:50px}.experienceGrid article{background:#f4f5f1;padding-bottom:30px}.experienceImage{height:190px;margin-bottom:24px;background-position:center;background-size:cover}.experienceGrid .tag,.experienceGrid h3,.experienceGrid p{margin-left:24px;margin-right:24px}.experienceGrid h3{font-size:24px;margin-top:10px;margin-bottom:8px}.experienceGrid p{opacity:.62}.whyOsi{background:#e4e7e0}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#cbd0c8;margin-top:48px}.whyGrid>div{background:#e4e7e0;padding:30px;min-height:220px}.whyGrid span{font-size:10px;letter-spacing:.14em;opacity:.5}.whyGrid h3{font-size:28px;margin:28px 0 10px}.whyGrid p{font-size:15px!important;opacity:.62!important}.integrationLine{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin-top:55px;padding-top:28px;border-top:1px solid #b8beb8;font-size:10px;font-weight:700;letter-spacing:.14em}.integrationLine i{font-style:normal;opacity:.4;font-size:18px}
@media(max-width:820px){.langSwitch{margin-left:auto;margin-right:0}.metricsGrid{grid-template-columns:1fr 1fr}.stepsConnected{grid-template-columns:1fr 1fr;gap:28px 0}.stepsConnected:before{left:18px;right:auto;top:18px;bottom:18px;border-top:0;border-left:1px solid #9aa39c}.stepsConnected>div{padding-left:55px}.stepsConnected span{position:absolute;left:0;top:0}.selectedHead,.whyHead{grid-template-columns:1fr}.experienceGrid{grid-template-columns:1fr 1fr}.whyGrid{grid-template-columns:1fr 1fr}.integrationLine{justify-content:flex-start}}
@media(max-width:540px){.langSwitch{padding:7px 9px;gap:6px;font-size:9px}.flag{font-size:13px}.metricsGrid,.experienceGrid,.whyGrid{grid-template-columns:1fr}.metricsGrid>div{min-height:115px}.stepsConnected{grid-template-columns:1fr}.stepsConnected:before{bottom:18px}.integrationLine{gap:10px 12px}.integrationLine i{display:none}}