.aboutx-hero{position:relative;overflow:hidden;padding:72px 0 58px;background:linear-gradient(135deg,#eef9fd 0%,#fff 58%,#f5f9e9 100%)}
.aboutx-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 18%,rgba(32,179,231,.14),transparent 25%),radial-gradient(circle at 8% 88%,rgba(182,215,91,.16),transparent 23%);pointer-events:none}
.aboutx-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:62px;align-items:center;min-height:640px}
.aboutx-kicker{margin:0 0 13px;color:var(--blue);font:800 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.aboutx-hero h1{margin:0;max-width:760px;color:var(--blue);font:700 clamp(48px,6vw,78px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.055em;text-wrap:balance}
.aboutx-intro{max-width:720px;margin:24px 0 0;color:#506874;font:400 18px/1.7 Arial,Helvetica,sans-serif}
.aboutx-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.aboutx-primary,.aboutx-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 17px;border-radius:9px;font:800 13px/1.2 Arial,Helvetica,sans-serif;text-decoration:none}
.aboutx-primary{background:var(--blue);color:#fff;box-shadow:0 14px 30px rgba(22,107,161,.16)}
.aboutx-secondary{border:1px solid #cee1e9;background:rgba(255,255,255,.75);color:var(--blue);backdrop-filter:blur(10px)}
.aboutx-values-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.aboutx-values-row span{display:inline-flex;padding:7px 10px;border:1px solid #d7e7ed;border-radius:999px;background:rgba(255,255,255,.7);color:#56707c;font:700 10px/1.2 Arial,Helvetica,sans-serif}
.aboutx-hero-visual{position:relative;min-height:560px}
.aboutx-hero-main,.aboutx-hero-side{position:absolute;margin:0;overflow:hidden;border:5px solid rgba(255,255,255,.9);border-radius:24px;background:#eef6f9;box-shadow:0 22px 58px rgba(22,107,161,.16)}
.aboutx-hero-main{width:70%;height:76%;right:0;top:2%;z-index:2}
.aboutx-hero-side{width:46%;height:48%;left:0;bottom:1%;z-index:3}
.aboutx-hero-main img,.aboutx-hero-side img{width:100%;height:100%;object-fit:cover;display:block}
.aboutx-hero-badge{position:absolute;left:42%;top:54%;z-index:5;display:flex;flex-direction:column;justify-content:center;width:150px;height:150px;padding:18px;border-radius:50%;background:rgba(22,107,161,.91);color:#fff;box-shadow:0 18px 40px rgba(22,107,161,.22);backdrop-filter:blur(10px)}
.aboutx-hero-badge span{font:800 22px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em}
.aboutx-hero-badge small{display:block;margin-top:8px;color:#dceef6;font:700 9px/1.35 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.aboutx-nav{position:sticky;top:0;z-index:35;border-top:1px solid #e4edf1;border-bottom:1px solid #d9e7ed;background:rgba(255,255,255,.95);backdrop-filter:blur(14px)}
.aboutx-nav .shell{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.aboutx-nav .shell::-webkit-scrollbar{display:none}
.aboutx-nav a{position:relative;display:inline-flex;align-items:center;min-height:54px;padding:0 14px;color:#647a86;font:700 12px/1 Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap}
.aboutx-nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;border-radius:999px 999px 0 0;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.aboutx-nav a.is-active{color:var(--blue)}
.aboutx-nav a.is-active:after{transform:scaleX(1)}
.aboutx-why{padding:90px 0;background:#fff}
.aboutx-why-grid{display:grid;grid-template-columns:220px 1fr;gap:54px}
.aboutx-section-label span,.aboutx-section-head>div>span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #cfe1e9;border-radius:50%;color:var(--blue);font:800 11px/1 Arial,Helvetica,sans-serif}
.aboutx-section-label p,.aboutx-section-head>div>p{margin:13px 0 0;color:#6b808a;font:800 10px/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.09em}
.aboutx-why h2,.aboutx-global h2,.aboutx-section-head h2,.aboutx-sdg h2,.aboutx-close h2{margin:0;color:var(--blue);font:700 clamp(36px,5vw,60px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.04em;text-wrap:balance}
.aboutx-copy-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}
.aboutx-copy-columns p{margin:0;color:#526b78;font:400 16px/1.72 Arial,Helvetica,sans-serif}
.aboutx-global{padding:84px 0;background:#f6fafb}
.aboutx-global-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
.aboutx-global-image{position:relative;min-height:500px;overflow:hidden;border-radius:22px;box-shadow:0 20px 48px rgba(22,107,161,.12)}
.aboutx-global-image img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover}
.aboutx-global-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.3);border-radius:13px;background:rgba(13,54,80,.72);color:#fff;backdrop-filter:blur(12px)}
.aboutx-global-caption span{display:block;color:#d5edf6;font:700 9px/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.aboutx-global-caption strong{display:block;margin-top:5px;font-size:18px}
.aboutx-global-copy>p:not(.aboutx-kicker){margin:18px 0 0;color:#526a77;font:400 16px/1.7 Arial,Helvetica,sans-serif}
.aboutx-global-copy>a{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--blue);font:800 12px/1.2 Arial,Helvetica,sans-serif;text-decoration:none}
.aboutx-mission{padding:90px 0;background:#fff}
.aboutx-section-head{display:grid;grid-template-columns:220px 1fr;gap:54px;align-items:end;margin-bottom:34px}
.aboutx-mv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.aboutx-mv-card{position:relative;overflow:hidden;min-height:360px;padding:30px;border:1px solid #d8e6ed;border-radius:20px}
.aboutx-mv-card--mission{background:linear-gradient(145deg,#166BA1,#1d82b6);color:#fff}
.aboutx-mv-card--vision{background:linear-gradient(145deg,#f1f8df,#fff);color:var(--blue)}
.aboutx-mv-card .aboutx-kicker{color:inherit;opacity:.78}
.aboutx-mv-card h3{position:relative;z-index:2;margin:74px 0 16px;max-width:640px;font:700 clamp(30px,3.7vw,48px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.035em}
.aboutx-mv-card p:last-child{position:relative;z-index:2;max-width:620px;margin:0;font:400 15px/1.65 Arial,Helvetica,sans-serif}
.aboutx-mv-card--mission p:last-child{color:#e5f2f7}
.aboutx-mv-card--vision p:last-child{color:#58717d}
.aboutx-mv-number{position:absolute;right:-16px;bottom:-35px;color:rgba(255,255,255,.11);font:800 220px/.8 Arial,Helvetica,sans-serif}
.aboutx-mv-card--vision .aboutx-mv-number{color:rgba(22,107,161,.07)}
.aboutx-principles-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;border-top:1px solid #dbe8ee;border-bottom:1px solid #dbe8ee}
.aboutx-principles-row>div{padding:22px 22px 22px 0}
.aboutx-principles-row>div+div{padding-left:22px;border-left:1px solid #dbe8ee}
.aboutx-principles-row strong{display:block;color:var(--blue);font:800 16px/1.2 Arial,Helvetica,sans-serif}
.aboutx-principles-row span{display:block;margin-top:7px;color:#617985;font:400 12px/1.55 Arial,Helvetica,sans-serif}
.aboutx-pillars{position:relative;overflow:hidden;padding:92px 0;background:linear-gradient(135deg,#145c8c,#1877a7 68%,#2086b3);color:#fff}
.aboutx-pillars:before{content:"5";position:absolute;right:-2vw;top:-7vw;color:rgba(255,255,255,.045);font:800 34vw/.8 Arial,Helvetica,sans-serif;pointer-events:none}
.aboutx-section-head--light{position:relative;z-index:2}
.aboutx-section-head--light>div>span{border-color:rgba(255,255,255,.35);color:#fff}
.aboutx-section-head--light>div>p,.aboutx-section-head--light h2{color:#fff}
.aboutx-pillars-layout{position:relative;z-index:2;display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:stretch}
.aboutx-pillars-tabs{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.18);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.05)}
.aboutx-pillars-tabs button{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;min-height:70px;padding:14px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.13);background:transparent;color:#dceef6;text-align:left;cursor:pointer}
.aboutx-pillars-tabs button:last-child{border-bottom:0}
.aboutx-pillars-tabs button span{font:800 10px/1 Arial,Helvetica,sans-serif;color:#9ed4e9}
.aboutx-pillars-tabs button strong{font:800 15px/1.2 Arial,Helvetica,sans-serif}
.aboutx-pillars-tabs button.is-active{background:var(--green);color:var(--blue)}
.aboutx-pillars-tabs button.is-active span{color:#6c8d17}
.aboutx-pillars-stage{position:relative;min-height:390px}
.aboutx-pillar-panel{position:relative;overflow:hidden;height:100%;min-height:390px;padding:34px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.aboutx-pillar-panel[hidden]{display:none!important}
.aboutx-pillar-panel .aboutx-kicker{color:#bfe3f2}
.aboutx-pillar-panel h3{margin:74px 0 16px;color:#fff;font:700 clamp(42px,5vw,64px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.045em}
.aboutx-pillar-panel>p:not(.aboutx-kicker){max-width:760px;margin:0;color:#e2f0f6;font:400 16px/1.7 Arial,Helvetica,sans-serif}
.aboutx-pillar-panel>a{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#fff;font:800 12px/1.2 Arial,Helvetica,sans-serif;text-decoration:none}
.aboutx-pillar-index{position:absolute;right:24px;bottom:4px;color:rgba(255,255,255,.07);font:800 120px/.85 Arial,Helvetica,sans-serif}
.aboutx-sdg{padding:92px 0;background:#fff}
.aboutx-sdg-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.aboutx-sdg-copy>p:not(.aboutx-kicker){margin:20px 0 0;color:#536b78;font:400 16px/1.7 Arial,Helvetica,sans-serif}
.aboutx-sdg-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.aboutx-sdg-visual{position:relative;min-height:480px;overflow:hidden;border-radius:22px;box-shadow:0 22px 52px rgba(22,107,161,.13)}
.aboutx-sdg-visual img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover}
.aboutx-sdg-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,52,78,.6),transparent 58%)}
.aboutx-sdg-overlay{position:absolute;left:22px;bottom:20px;z-index:2;color:#fff}
.aboutx-sdg-overlay strong{display:block;font:800 72px/.9 Arial,Helvetica,sans-serif;letter-spacing:-.05em}
.aboutx-sdg-overlay span{display:block;margin-top:7px;font:700 12px/1.3 Arial,Helvetica,sans-serif}
.aboutx-close{padding:84px 0;background:#f5fafc}
.aboutx-close-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:end}
.aboutx-close-links{display:flex;flex-direction:column;border-top:1px solid #d8e6ed}
.aboutx-close-links a{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:14px 0;border-bottom:1px solid #d8e6ed;color:var(--blue);font:800 14px/1.2 Arial,Helvetica,sans-serif;text-decoration:none}
.aboutx-reveal{opacity:0;transform:translateY(20px)}
.aboutx-reveal.is-visible{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
@media(max-width:960px){.aboutx-hero-grid{grid-template-columns:1fr 420px;gap:34px}.aboutx-hero h1{font-size:58px}.aboutx-why-grid,.aboutx-section-head{grid-template-columns:170px 1fr}.aboutx-global-grid,.aboutx-sdg-grid{grid-template-columns:1fr 1fr}.aboutx-pillars-layout{grid-template-columns:230px 1fr}}
@media(max-width:760px){.aboutx-hero{padding:48px 0 38px}.aboutx-hero-grid{grid-template-columns:1fr;min-height:0}.aboutx-hero h1{font-size:46px}.aboutx-intro{font-size:16px}.aboutx-hero-visual{min-height:460px}.aboutx-hero-main{width:72%;height:70%}.aboutx-hero-side{width:50%;height:46%}.aboutx-hero-badge{width:115px;height:115px;left:42%;top:54%}.aboutx-nav .shell{width:100%;padding:0 10px}.aboutx-why,.aboutx-global,.aboutx-mission,.aboutx-pillars,.aboutx-sdg,.aboutx-close{padding:60px 0}.aboutx-why-grid,.aboutx-section-head,.aboutx-global-grid,.aboutx-sdg-grid,.aboutx-close-inner{grid-template-columns:1fr;gap:28px}.aboutx-copy-columns,.aboutx-mv-grid,.aboutx-principles-row{grid-template-columns:1fr}.aboutx-principles-row>div,.aboutx-principles-row>div+div{padding:18px 0;border-left:0;border-bottom:1px solid #dbe8ee}.aboutx-principles-row>div:last-child{border-bottom:0}.aboutx-pillars-layout{grid-template-columns:1fr}.aboutx-pillars-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:12px}.aboutx-pillars-tabs button{display:flex;justify-content:center;min-height:52px;padding:8px;border-right:1px solid rgba(255,255,255,.13);border-bottom:0}.aboutx-pillars-tabs button strong{display:none}.aboutx-pillars-tabs button span{font-size:10px}.aboutx-pillar-panel{min-height:340px}.aboutx-global-image,.aboutx-global-image img,.aboutx-sdg-visual,.aboutx-sdg-visual img{min-height:390px}}
@media(max-width:520px){.aboutx-hero h1{font-size:41px}.aboutx-actions,.aboutx-sdg-actions{flex-direction:column}.aboutx-primary,.aboutx-secondary{width:100%}.aboutx-hero-visual{min-height:380px}.aboutx-hero-main{width:74%;height:68%}.aboutx-hero-side{width:48%;height:43%}.aboutx-hero-badge{width:94px;height:94px;padding:12px}.aboutx-hero-badge span{font-size:17px}.aboutx-hero-badge small{font-size:7px}.aboutx-why h2,.aboutx-global h2,.aboutx-section-head h2,.aboutx-sdg h2,.aboutx-close h2{font-size:36px}.aboutx-global-image,.aboutx-global-image img,.aboutx-sdg-visual,.aboutx-sdg-visual img{min-height:330px}.aboutx-mv-card{min-height:320px;padding:24px}.aboutx-mv-card h3{font-size:32px}.aboutx-pillar-panel{padding:26px;min-height:330px}.aboutx-pillar-panel h3{font-size:46px}}
@media(prefers-reduced-motion:reduce){.aboutx-nav a:after,.aboutx-reveal{transition:none!important}.aboutx-reveal{opacity:1!important;transform:none!important}}