:root{--brand-primary:#2949b2;--brand-primary-rgb:41,73,178}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--brand-primary);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}p{line-height:1.85}img{display:block;max-width:100%}.wrap{max-width:1296px;margin:auto}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c7d2ed;background:white}header img{width:157px;height:48px;object-fit:contain}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a{display:flex;align-items:center;min-height:44px}.menu{display:none;background:none;border:1px solid var(--brand-primary);padding:10px;color:inherit;min-height:44px}.contact-link{border-bottom:1px solid}h1,h2,h3,p{margin-top:0}.hero{padding:57px 5% 0;position:relative}.hero-top{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:end}.hero h1{font-size:91px;line-height:1.12;letter-spacing:-5px;margin:0;font-weight:650}.hero-intro{max-width:380px;margin-bottom:4px;color:#263c5d;font-size:16px}.hero-intro p{margin-bottom:18px}.textlink{font-size:16px;border-bottom:1px solid var(--brand-primary);display:inline-flex;align-items:center;min-height:44px;color:var(--brand-primary)}.hero-images{display:grid;grid-template-columns:3fr 1fr;gap:26px;margin-top:38px;align-items:end}.hero-main{height:417px;width:100%;object-fit:cover;object-position:center 56%}.hero-aside img{width:100%;height:197px;object-fit:cover;object-position:40%}.hero-aside p{font-size:14px;color:#354c68;margin:17px 0 3px}.hero-caption{display:flex;justify-content:space-between;padding:18px 0 36px;border-bottom:1px solid #b8c4e0;font-size:12px;color:#42536e}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:78px 0 46px}.section-heading h2{font-size:49px;line-height:1.3;letter-spacing:-1px;margin:0}.section-heading p{font-size:16px;color:#34465c;max-width:470px;margin:5px 0 0}.education{padding:0 5%}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:45px 0 62px;border-top:1px solid #b8c4e0;align-items:start}.story-media{height:350px;background:#eef1f7;overflow:hidden}.story-media img{width:100%;height:100%;object-fit:cover}.story:nth-of-type(3) .story-media img{object-fit:contain}.story.reverse .story-media{order:2}.story h3{font-size:34px;line-height:1.4;margin:27px 0 18px;letter-spacing:-.7px}.story p{color:#34465c;font-size:16px;margin-bottom:12px}.brand-logo{display:inline-flex;gap:6px;align-items:start}.brand-logo img{height:40px;width:145px;object-fit:contain;object-position:left}.brand-logo sup{font-size:12px}.brand-logo-text{font-size:28px}.brand-logo-text sup{font-size:12px}.retained-brand-details{margin-top:25px;color:#34465c}.retained-brand-details summary{border-bottom:1px solid #a9b8d3;min-height:49px;padding:13px 0;font-size:14px;cursor:pointer;color:var(--brand-primary)}.retained-brand-body{padding:24px 0 0}.retained-brand-body h4{font-size:18px;line-height:1.6;margin:0 0 12px}.retained-brand-body p{font-size:16px}.retained-brand-body dl{margin:0}.retained-brand-body dl>div{margin:18px 0}.retained-brand-body dt{font-size:14px;font-weight:bold;margin-bottom:8px}.retained-brand-body dd{margin:0;font-size:15px;line-height:1.9}.ecosystem{padding:20px 5% 65px;background:#f0f4fc}.ecosystem .section-heading{padding-top:45px}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.business-grid article{border-top:1px solid #a9b8d3;padding-top:30px}.business-grid h3{font-size:25px;margin:25px 0 15px}.business-grid p{font-size:16px;color:#34465c}.retained-block{--r-line:#bcc8e2;color:var(--brand-primary)}.retained-inner{max-width:1296px;margin:auto}.retained-profile,.retained-technology,.retained-contact{padding:75px 5%}.retained-block p,.retained-block dd{font-size:16px;line-height:1.9;color:#34465c;margin:0 0 18px}.retained-kicker{display:none}.retained-block h2{font-size:48px;line-height:1.35;letter-spacing:-1.5px;font-weight:600;margin:0 0 30px}.retained-block h3{font-size:25px;line-height:1.65;margin:0 0 20px;font-weight:500}.retained-block h4{font-size:16px;margin:0 0 9px}.retained-company-head,.retained-technology-head{display:grid;grid-template-columns:1fr 1fr;gap:90px}.retained-legal{display:block;font-size:17px;margin:10px 0 18px}.retained-longterm{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #bcc8e2;padding:24px 0 5px}.retained-role-note{max-width:860px;padding-bottom:26px}.retained-mission{margin:25px 0 45px;padding:45px 0;border-top:2px solid var(--brand-primary);border-bottom:2px solid var(--brand-primary);display:grid;grid-template-columns:1.7fr 1fr;gap:90px}.retained-mission h3{font-size:35px;line-height:1.6;max-width:650px}.retained-mission h3:before{content:'“';display:block;font-size:70px;height:50px;line-height:1}.retained-details{border-top:1px solid #bcc8e2;border-bottom:1px solid #bcc8e2;margin-top:24px}.retained-details summary{padding:18px 0;min-height:60px;cursor:pointer;font-size:16px;line-height:1.7}.retained-detail-content{padding:28px 0}.retained-name{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.retained-name dt{font-size:30px;margin-bottom:20px}.retained-name dd{margin-left:0}.retained-technology{background:var(--brand-primary);color:white}.retained-technology p,.retained-technology dd{color:#fff}.retained-technology .retained-technology-head h3{font-size:20px;margin-top:25px}.retained-core{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:35px 0}.retained-core article{padding-top:25px;border-top:1px solid #8ba2ee}.retained-core h3{font-size:21px}.retained-core p{font-size:15px}.retained-technology .retained-details{border-color:#8ba2ee}.retained-roadmap{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;gap:24px}.retained-roadmap li{border-top:1px solid #8ba2ee;padding-top:20px;font-size:16px;line-height:1.8}.retained-contact>.retained-inner:first-child{display:grid;grid-template-columns:1.5fr 1fr;gap:90px}.retained-contact h2{font-size:42px}.retained-partnerships{display:flex;flex-wrap:wrap;gap:8px 25px}.retained-partnerships a,.retained-address a,.retained-policy a{font-size:14px;display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid #bcc8e2}.retained-address strong{display:block;font-size:16px;margin:8px 0 20px}.retained-address address{font-style:normal;font-size:14px;line-height:1.85;color:#34465c;margin-bottom:12px}.retained-address a{margin-right:20px}.retained-address p{font-size:14px;margin-top:20px}.retained-policy{display:flex;gap:30px;border-top:1px solid #bcc8e2;margin-top:45px;padding-top:12px}.visual-credit{font-size:12px;color:#42536e;padding:0 5% 30px;line-height:1.8}a:hover{text-decoration:underline}summary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #d99500;outline-offset:5px}details[open] summary{font-weight:bold}
@media(max-width:800px){header{height:78px;padding:0 22px;position:relative}header img{width:135px}.menu{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;z-index:5;background:white;padding:18px 24px;border-bottom:1px solid var(--brand-primary);flex-direction:column;gap:4px;align-items:stretch}nav.open{display:flex}.hero{padding:34px 22px 0}.hero-top{grid-template-columns:1fr;gap:24px}.hero h1{font-size:45px;letter-spacing:-2.3px;line-height:1.18}.hero-intro{font-size:16px}.hero-intro p{margin-bottom:6px}.hero-images{grid-template-columns:1fr;margin-top:20px;gap:20px}.hero-main{height:253px;object-position:60%}.hero-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.hero-aside img{height:130px}.hero-aside p{font-size:16px;margin:0}.hero-caption{font-size:12px;gap:18px;line-height:1.7;padding-bottom:24px}.education{padding:0 22px}.section-heading{grid-template-columns:1fr;gap:20px;padding:45px 0 30px}.section-heading h2{font-size:33px}.section-heading p{font-size:16px}.story{grid-template-columns:1fr;gap:25px;padding:28px 0 40px}.story.reverse .story-media{order:0}.story-media{height:235px}.story h3{font-size:28px;margin-top:20px}.story p,.retained-brand-body dd,.retained-brand-body dt,.retained-brand-details summary{font-size:16px}.ecosystem{padding:0 22px 40px}.business-grid{grid-template-columns:1fr;gap:35px}.business-grid h3{font-size:25px}.retained-profile,.retained-technology,.retained-contact{padding:45px 22px}.retained-company-head,.retained-technology-head,.retained-longterm,.retained-mission,.retained-contact>.retained-inner:first-child{grid-template-columns:1fr;gap:24px}.retained-block h2{font-size:32px;letter-spacing:-.8px}.retained-block h3{font-size:23px}.retained-longterm{margin-top:15px}.retained-role-note{padding-bottom:0}.retained-mission{padding:30px 0;margin-bottom:30px}.retained-mission h3{font-size:27px}.retained-name{grid-template-columns:1fr;gap:15px}.retained-name dt{margin-bottom:10px}.retained-core{grid-template-columns:1fr;gap:15px;margin:25px 0}.retained-core p{font-size:16px}.retained-roadmap{grid-template-columns:1fr}.retained-partnerships a,.retained-address a,.retained-address address,.retained-address p,.retained-policy a{font-size:16px}.retained-address strong{font-size:15px;overflow-wrap:anywhere}.visual-credit{padding:0 22px 25px}.retained-brand-body h4{overflow-wrap:anywhere}.retained-contact h2{font-size:32px}}
nav a[aria-current="page"]{border-bottom:1px solid var(--brand-primary)}
.hero-caption{padding:0;margin:0;height:36px}
.hero-intro{font-size:16px}
.hero-intro p{margin-bottom:18px}
.section-heading{display:block}
.section-heading h2{max-width:760px}
.story .story-copy{padding-top:4px}
.story-copy .brand-title{font-size:24px;line-height:1.5;margin:0 0 24px}
.story-copy .brand-logo{margin:0}
.story-copy>p{margin-bottom:18px}
.story .textlink{margin-top:10px;font-size:15px}
.story .retained-brand-body p{margin-bottom:20px;font-size:16px;line-height:1.9}
.page-intro{padding:60px 5% 35px}
.page-intro h1{font-size:65px;line-height:1.2;letter-spacing:-2px;margin:0;font-weight:650}
.page-content{padding:0 5% 65px}
.page-content>.wrap{max-width:1296px}
.company-copy{max-width:1080px;font-size:17px;color:#34465c}
.company-copy p{font-size:17px;line-height:1.95;margin:0 0 24px}
.company-name{display:block;font-size:17px;line-height:1.8;margin-bottom:26px;color:var(--brand-primary)}
.advantages{margin-top:45px;padding-top:35px;border-top:1px solid #bcc8e2}
.advantages h2,.future h2{font-size:35px;line-height:1.4;margin-bottom:28px}
.advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 55px}
.advantage-grid h3{font-size:22px;line-height:1.6;margin:0 0 12px}
.advantage-grid p{font-size:16px;line-height:1.9;color:#34465c;margin:0}
.purpose{border-top:2px solid var(--brand-primary);border-bottom:2px solid var(--brand-primary);margin-top:45px;padding:40px 0;display:grid;grid-template-columns:1.55fr 1fr;gap:70px}
.purpose h2{font-size:22px;line-height:1.5;margin-bottom:20px}
.purpose p{font-size:16px;line-height:1.9;color:#34465c}
.purpose .statement{font-size:31px;line-height:1.65;color:var(--brand-primary);font-weight:500}

.future{padding-top:40px;max-width:1080px}
.future p{font-size:17px;line-height:1.95;color:#34465c;margin-bottom:22px}
.tech-page{background:var(--brand-primary);color:white;padding:60px 5% 70px;min-height:590px}
.tech-page h1{font-size:58px;line-height:1.25;letter-spacing:-1.5px;max-width:1100px;margin:0 0 42px}
.tech-copy{max-width:1020px}
.tech-copy p{font-size:18px;line-height:1.95;margin-bottom:28px}
.tech-copy p:nth-child(2){border-top:1px solid #8ba2ee;border-bottom:1px solid #8ba2ee;padding:25px 0}
.tech-page .textlink{border-color:white;color:white;font-size:16px}
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;padding:0 5% 65px}
.contact-grid p{font-size:17px;line-height:1.9;color:#34465c}
.contact-grid address{font-style:normal;font-size:16px;line-height:1.9;color:#34465c}
.contact-grid strong{font-size:16px;line-height:1.8;display:block;margin-bottom:20px}
.contact-grid .contact-methods{display:flex;flex-direction:column;align-items:flex-start;margin-top:16px}
.contact-methods a{min-height:44px;display:inline-flex;align-items:center;font-size:17px}
.cooperation-links{display:flex;flex-wrap:wrap;gap:10px 26px}
.cooperation-links a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #bcc8e2;font-size:16px}
.brand-jumps{display:flex;gap:30px;padding-bottom:30px}
.brand-jumps a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid #a9b8d3;font-size:16px}
.story-media{border-radius:12px}
.story-media.taduka img,.story-media.subee img,.story-media.vlingo img{object-fit:contain}
.education-page .story-copy>p{font-size:16px;line-height:1.9}
.education-page .story-media.taduka img{object-fit:contain}
.education-page .story-media.subee img{object-fit:contain}
.education-page .story-media.vlingo img{object-position:center 65%}
@media(max-width:800px){.hero h1{font-size:45px}
.hero-intro p{margin-bottom:12px}
.page-intro{padding:36px 22px 28px}
.page-intro h1{font-size:40px;letter-spacing:-1.4px}
.page-content{padding:0 22px 45px}
.company-copy p{font-size:16px;line-height:1.9}
.company-name{font-size:14px;line-height:1.9}
.advantage-grid,.purpose,.contact-grid{grid-template-columns:1fr;gap:28px}
.advantages{padding-top:28px;margin-top:32px}
.advantages h2,.future h2{font-size:29px}
.advantage-grid h3{font-size:21px}
.purpose{padding:30px 0;margin-top:32px}
.purpose .statement{font-size:26px}
.future{padding-top:30px}
.future p{font-size:16px}
.tech-page{padding:38px 22px 45px;min-height:0}
.tech-page h1{font-size:38px;letter-spacing:-1px;margin-bottom:28px}
.tech-copy p{font-size:16px}
.contact-grid{padding:0 22px 45px}
.contact-grid p,.contact-grid address{font-size:16px}
.brand-jumps{gap:24px;padding-bottom:20px}
.story .brand-title{margin-bottom:20px}
.story .textlink{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.product-gallery{position:relative}.product-gallery img{padding-bottom:0;object-position:center!important}.product-gallery img[hidden]{display:none}.gallery-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10px;background:#fff;height:48px;align-items:center}.gallery-controls button{min-height:44px;background:#fff;color:var(--brand-primary);border:0;border-bottom:2px solid transparent;padding:0 14px;cursor:pointer;font-size:14px}.gallery-controls button[aria-pressed="true"]{border-color:var(--brand-primary);font-weight:700}.gallery-controls button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-3px}
.gallery-controls{gap:0}.gallery-controls button{min-width:44px;padding:0;border:0}.gallery-dot span{display:block;width:7px;height:7px;border-radius:50%;background:#b8c4e0;margin:auto}.gallery-dot[aria-pressed="true"] span{background:var(--brand-primary)}.gallery-controls button[aria-pressed="true"]{border:0}.gallery-controls{top:50%;bottom:auto;transform:translateY(-50%);justify-content:space-between;padding:0 12px;background:transparent;pointer-events:none}.gallery-controls button{pointer-events:auto;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--brand-primary);font-size:22px;box-shadow:0 1px 8px #14243b20}.gallery-controls button:hover{background:#fff}.gallery-controls button:focus-visible{outline-offset:2px}.aeos-identity{display:inline-flex;align-items:center;background:white;padding:14px 20px;margin:0 0 24px;border-radius:8px}.aeos-identity img{width:180px;height:60px;object-fit:contain}.tech-copy .aeos-link{display:flex;width:max-content;margin-bottom:28px}.product-gallery img{object-position:center!important}html:not([data-language]) body{visibility:hidden}
.header-tools{display:flex;align-items:center;gap:24px}
.language-picker select{font:inherit;font-size:13px;color:var(--brand-primary);background:#fff;border:1px solid #bcc8e2;border-radius:0;padding:8px;min-height:44px;max-width:135px}
html[lang=id] .hero h1,html[lang=en] .hero h1{font-size:76px;letter-spacing:-3px;overflow-wrap:normal}
html[lang=id] .tech-page h1,html[lang=en] .tech-page h1{font-size:52px}
html[lang=id] .section-heading h2,html[lang=en] .section-heading h2{font-size:42px}
@media(max-width:1100px){header{padding-left:4%;padding-right:4%}
.header-tools{gap:14px}
nav{gap:18px;font-size:13px}}
@media(max-width:800px){header{position:relative;padding:0 22px}
.header-tools{gap:10px}
.header-tools .language-picker select{max-width:116px;font-size:12px;padding:6px}
.header-tools nav{position:absolute;left:0;right:0;top:100%;z-index:10;background:#fff}
.hero h1{overflow-wrap:anywhere}
html[lang=id] .hero h1,html[lang=en] .hero h1{font-size:45px;letter-spacing:-1.7px}
html[lang=id] .tech-page h1,html[lang=en] .tech-page h1{font-size:35px;overflow-wrap:normal}
html[lang=id] .section-heading h2,html[lang=en] .section-heading h2{font-size:32px}
.page-intro h1{overflow-wrap:normal}}.story-media.product-gallery{height:350px;padding:0;overflow:hidden}.story-media.product-gallery img{width:100%;max-width:none;height:100%;padding:0;object-fit:cover;display:block}@media(max-width:800px){.story-media.product-gallery{height:235px}}.story-media.product-gallery img[hidden]{display:none}.tech-page h1{text-wrap:balance}
@media(min-width:801px) and (max-width:1100px){header{position:relative}
.menu{display:block}
nav{display:none;position:absolute;top:94px;left:0;right:0;z-index:10;background:white;padding:18px 24px;border-bottom:1px solid var(--brand-primary);flex-direction:column;gap:4px;align-items:stretch}
nav.open{display:flex}}.language-picker select{width:174px;max-width:174px}@media(max-width:800px){header img{width:100px}.header-tools{gap:6px}.menu{padding:6px;min-width:44px;font-size:13px}.header-tools .language-picker select{width:160px;max-width:160px;font-size:12px}}@media(max-width:360px){header{height:auto;min-height:78px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:8px}.header-tools{flex:1;justify-content:flex-end;flex-wrap:wrap}.header-tools .language-picker{order:2}}.tech-page{background:#fff;color:var(--brand-primary);min-height:0;padding:60px 5% 70px}.tech-page h1{font-size:65px;line-height:1.2;letter-spacing:-2px;max-width:1296px;margin-bottom:36px}.tech-copy{max-width:1080px;color:#34465c}.tech-copy p{font-size:17px;line-height:1.95;margin-bottom:24px}.tech-copy p:nth-child(2){border-color:#bcc8e2}.tech-page .textlink{color:var(--brand-primary);border-color:var(--brand-primary)}.aeos-identity{padding:0;background:transparent;border-radius:0;margin-bottom:24px}.aeos-identity img{width:220px;height:60px}html[lang=id] .tech-page h1,html[lang=en] .tech-page h1{font-size:58px}@media(max-width:800px){.tech-page{padding:36px 22px 45px}.tech-page h1{font-size:40px;letter-spacing:-1.4px;margin-bottom:28px}.tech-copy p{font-size:16px;line-height:1.9}html[lang=id] .tech-page h1,html[lang=en] .tech-page h1{font-size:35px}}.contact-form{margin-top:32px;display:grid;gap:20px;max-width:100%}.contact-form label{display:grid;gap:9px;color:#34465c;font-size:16px;line-height:1.6}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;border:1px solid #bcc8e2;border-radius:0;background:#fff;padding:12px 14px;font:inherit;font-size:16px;color:#263c5d;min-height:48px;box-sizing:border-box}.contact-form textarea{min-height:170px;resize:vertical}.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.contact-form button{justify-self:start;border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff;padding:12px 22px;min-height:48px;cursor:pointer;font:inherit}.contact-form button:disabled{opacity:.6;cursor:wait}.form-status{min-height:0;margin:0!important;font-size:14px!important;line-height:1.8}.form-status:empty{display:none}.contact-grid{max-width:1440px;margin:auto}.page-intro>.wrap{max-width:1296px}@media(min-width:801px){header{padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}
.contact-grid{max-width:none;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}}.hero-intro{max-width:500px}.hero-intro p{line-height:1.85}.home-page .story-copy>p{font-size:16px;line-height:1.95;max-width:600px}.hero-top{align-items:start}.home-page .brand-logo img{width:188.5px;height:52px;object-fit:contain}.home-page .brand-logo sup{font-size:13px}.brand-actions{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center}.home-page .brand-title{margin-bottom:28px}.home-page .brand-logo{max-width:100%}@media(max-width:800px){.home-page .brand-logo img{max-width:calc(100vw - 80px)}.brand-actions{gap:8px 24px}}.story-copy .brand-logo{display:inline-flex;width:max-content;max-width:100%;gap:3px;align-items:flex-start;position:relative}.story-copy .brand-logo img{width:auto;height:auto;max-width:145px;max-height:40px;flex:none}.home-page .story-copy .brand-logo img{width:auto;height:auto;max-width:188.5px;max-height:52px}.story-copy .brand-logo sup{position:static;line-height:1;font-size:11px;flex:none;margin:0}.home-page .story-copy .brand-logo sup{font-size:13px}.brand-showcase{padding-top:46px}.brand-tabs{display:flex;gap:26px;align-items:stretch;border-bottom:1px solid #b8c4e0}.brand-tabs>[role=tab]{flex:1;display:flex;align-items:center;justify-content:center;min-height:100px;padding:18px 20px;border:0;border-bottom:3px solid transparent;background:none;cursor:pointer;max-width:100%;color:var(--brand-primary)}.brand-tabs>[aria-selected=true]{border-bottom-color:var(--brand-primary)}.brand-tabs .brand-logo{display:inline-flex;align-items:flex-start;gap:3px;max-width:100%;margin:0;width:max-content}.brand-tabs .brand-logo img{width:auto;height:auto;max-width:188.5px;max-height:52px}.brand-tabs .brand-logo sup{position:static;line-height:1;font-size:13px;margin:0}.brand-panels{display:grid}.home-page .brand-panel{grid-area:1/1;align-content:start;align-items:start;border-top:0;padding-top:35px;min-height:447px}.brand-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}.home-page .brand-panel .story-copy{padding-top:0}.brand-panel:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px}@media(max-width:800px){.brand-showcase{padding-top:26px}.brand-tabs{gap:4px}.brand-tabs>[role=tab]{flex:1;min-width:0;min-height:74px;padding:12px 3px}.brand-tabs .brand-logo{width:100%;justify-content:center}.brand-tabs .brand-logo img{max-width:calc(100% - 12px);max-height:36px;min-width:0;object-fit:contain}.brand-tabs .brand-logo sup{font-size:9px}.home-page .brand-panel{padding-top:24px;min-height:0;padding-bottom:36px}}
:root{
  --font-text: "Segoe UI", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
}
html[lang="zh-Hant"]{
  --font-text: "Segoe UI", "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", sans-serif;
}
body{
  font-family: var(--font-text);
  font-weight: 400;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea{ font-family: inherit; }
h1, h2, h3{
  font-family: var(--font-text);
  font-weight: 700;
  text-wrap: balance;
}
p{ text-wrap: pretty; }
.hero h1{
  font-size: clamp(45px, 6.32vw, 91px);
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: 1.15;
}
.hero-intro{ align-self:end; }
html[lang="id"] .hero h1, html[lang="en"] .hero h1{
  font-size: clamp(45px, 5.28vw, 76px);
  letter-spacing: -.045em;
  line-height: 1.08;
}
.page-intro h1, .tech-page h1{
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.2;
}
.advantages h2, .future h2{ letter-spacing: -.025em; }
.advantage-grid h3, .purpose h2{
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.45;
}
nav{ font-weight: 600; letter-spacing: .005em; }
.language-picker select{ font-weight: 400; letter-spacing: 0; }
.company-copy, .tech-copy, .future{ max-width: 82ch; }
html[lang^="zh"] .company-copy,
html[lang^="zh"] .tech-copy,
html[lang^="zh"] .future{ max-width: 42em; }
.hero-intro p, .home-page .story-copy>p,
.education-page .story-copy>p, .story .retained-brand-body p,
.company-copy p, .future p, .tech-copy p,
.advantage-grid p, .purpose p, .contact-grid p{
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0;
}
html[lang^="zh"] :is(.hero-intro p,.home-page .story-copy>p,
.education-page .story-copy>p,.story .retained-brand-body p,
.company-copy p,.future p,.tech-copy p,.advantage-grid p,
.purpose p,.contact-grid p){ line-height: 1.9; }
.company-copy p, .future p, .tech-copy p{ margin-bottom: 25px; }
.purpose .statement{
  font-size: 31px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.textlink, .cooperation-links a, .retained-brand-details summary{
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.6;
}
.contact-grid address{ line-height: 1.8; }
.contact-form label{ font-weight: 600; }
.contact-form input,.contact-form select,.contact-form textarea{ font-weight: 400; }
header>a img{ width:180.55px; height:55.2px; }
.legal-copy{ max-width:82ch; color:#34465c; }
html[lang^="zh"] .legal-copy{ max-width:42em; }
.legal-copy p{ font-size:17px; line-height:1.75; margin-bottom:24px; }
html[lang^="zh"] .legal-copy p{ line-height:1.9; }
.legal-copy h2{ font-size:26px; line-height:1.4; letter-spacing:-.02em; color:var(--brand-primary); margin:32px 0 12px; }
.legal-actions{ display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:32px; }
@media (max-width:800px){header>a img{ width:115px; height:55.2px; }
.legal-copy p{ font-size:16px; }
.legal-copy h2{ font-size:24px; }
.hero-intro p,.home-page .story-copy>p,
  .education-page .story-copy>p,.story .retained-brand-body p,
  .company-copy p,.future p,.tech-copy p,
  .advantage-grid p,.purpose p,.contact-grid p{ font-size: 16px; }
.hero h1{ line-height: 1.18; letter-spacing: -.04em; }
.page-intro h1,.tech-page h1{ letter-spacing: -.03em; }
.purpose .statement{ font-size: 26px; line-height: 1.55; }
.company-copy p,.future p,.tech-copy p{ margin-bottom: 22px; }}

/* Shared header: native select, refined shape and intact keyboard behavior. */
.language-picker { position:relative; display:inline-block; color:var(--brand-primary); }
.language-picker::after {
  content:""; position:absolute; right:17px; top:50%; width:6px; height:6px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:translateY(-70%) rotate(45deg); pointer-events:none;
}
.language-picker select {
  appearance:none; -webkit-appearance:none; width:190px; max-width:190px;
  min-height:44px; border-radius:999px; padding:9px 38px 9px 16px;
  border:1px solid #c1cdef; background:#fff; color:var(--brand-primary);
  font-family:var(--font-text); font-size:14px; font-weight:600;
  line-height:1.4; letter-spacing:0; cursor:pointer;
  box-shadow:0 1px 4px rgba(var(--brand-primary-rgb),.04);
}
.language-picker select:hover { background:#f8faff; border-color:#9eafe4; }
.language-picker select:focus-visible { outline:2px solid var(--brand-primary); outline-offset:3px; }
.company-profile-layout {
  display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);
  gap:64px; align-items:start;
}
.company-profile-layout .company-copy { max-width:100%; }
.about-visual { margin:0; width:100%; aspect-ratio:4/5; overflow:hidden; }
.about-visual img { width:100%; height:100%; object-fit:cover; object-position:76% center; }
.section-icon { width:24px; height:24px; flex:none; color:var(--brand-primary); }
.advantage-grid h3,.purpose h2,.future h2 { display:flex; align-items:flex-start; gap:12px; }
.advantage-grid h3 .section-icon { margin-top:4px; }
.purpose h2 .section-icon { margin-top:2px; }
.future h2 .section-icon { width:28px; height:28px; margin-top:7px; }
.purpose .statement::before { content:none; display:none; }
@media(max-width:1100px) {
  .company-profile-layout { grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr); gap:36px; }
}
@media(max-width:800px) {
  .header-tools .language-picker select { width:160px; max-width:160px; padding:9px 32px 9px 14px; font-size:13px; }
  .language-picker::after { right:15px; }
  .company-profile-layout { grid-template-columns:1fr; gap:24px; }
  .about-visual { aspect-ratio:4/3; }
  .about-visual img { object-position:75% center; }
  .advantage-grid h3,.purpose h2,.future h2 { gap:10px; }
}

/* Exclusive company-profile imagery and accurate native AEOS experience visual. */
.about-visual img { object-position:50% 50%; }
.future { max-width:none; }
html[lang^="zh"] .future { max-width:none; }
.future-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr); gap:64px; align-items:start; }
.future-copy { max-width:82ch; }
html[lang^="zh"] .future-copy { max-width:42em; }
.future-visual { margin:4px 0 0; }
.future-visual img { display:block; width:100%; height:auto; }
.tech-visual { position:relative; width:100%; max-width:1100px; height:320px; margin:32px 0 40px; }
.tech-lines { position:absolute; inset:0; width:100%; height:100%; }
.mobile-lines { display:none; }
.tech-center { position:absolute; left:50%; top:42%; width:300px; max-width:90%; transform:translate(-50%,-50%); padding:22px 30px; background:#fff; display:flex; align-items:center; justify-content:center; }
.tech-visual .aeos-identity { margin:0; }
.tech-capability { position:absolute; display:flex; align-items:center; justify-content:center; width:180px; min-height:52px; padding:8px 12px; background:#fff; border:1px solid #cbd6ef; color:var(--brand-primary); font-size:16px; line-height:1.5; text-align:center; }
.cap-process { left:5%; top:calc(42% - 26px); }
.cap-integration { right:5%; top:calc(42% - 26px); }
.cap-operations { left:50%; bottom:18px; transform:translateX(-50%); }
@media(max-width:1100px) { .future-layout { gap:36px; } }
@media(max-width:800px) {
  .about-visual img { object-position:50% 45%; }
  .future-layout { grid-template-columns:1fr; gap:20px; }
  .future-visual { margin:0; }
  .tech-visual { height:360px; margin:22px 0 32px; }
  .desktop-lines { display:none; }
  .mobile-lines { display:block; }
  .tech-center { top:30%; width:240px; padding:16px 20px; }
  .tech-visual .aeos-identity img { width:200px; height:auto; }
  .tech-capability { width:42%; min-height:56px; padding:8px; font-size:14px; }
  .cap-process { left:0; top:60%; }
  .cap-integration { right:0; top:60%; }
  .cap-operations { bottom:0; }
}

.skip-link{position:fixed;left:16px;top:-100px;z-index:30;padding:12px 18px;background:#fff;color:var(--brand-primary);border:2px solid var(--brand-primary)}.skip-link:focus{top:12px}