:root{font-family:Arial,"Microsoft JhengHei","PingFang TC",sans-serif;color:#555;background:#fff;font-size:15px;line-height:1.85;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
a{color:#0084b9;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible{outline:3px solid #008fc5;outline-offset:5px}
img{max-width:100%;height:auto;vertical-align:middle}
h1,h2,h3,h4,h5,p{margin:0}
h2{font-size:24px;line-height:1.4;margin-bottom:16px}
h3{font-size:18px;line-height:1.8;font-weight:400}
h4{font-size:16px;line-height:28px;margin-bottom:10px}
p{margin-bottom:28px}
.container{width:min(960px,100%);padding-inline:10px;margin-inline:auto}
.site-header{height:91px;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #f3f3f3;box-shadow:1px 1px 15px #0000001a}
.navigation{height:100%;display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700;letter-spacing:.06em}
.navigation a{color:#666;white-space:nowrap}
.brand{width:150px;height:85px;position:relative;flex-shrink:0;overflow:hidden;margin-right:6px}
.brand img{position:absolute;max-width:none;width:165px;height:122px;top:50%;left:50%;transform:translate(-50%,-50%)}
.solutions{margin-right:auto}
.nav-actions{display:flex;align-items:center;gap:24px}
.button{display:inline-block;padding:9px 22px;border:1px solid #000;background:#333;color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;line-height:24px;text-align:center}
.button:hover{color:#fff;background:#1a1a1a;text-decoration:none}
.button.demo{background:#d6002a;color:#fff}
.button.demo:hover{background:#a30020}
.navigation .button{padding:8px 17px;font-size:13px}
.search-icon{display:inline-block;width:12px;height:12px;border:1px solid currentColor;border-radius:50%;position:relative;vertical-align:-1px;margin-right:3px}
.search-icon:after{content:"";position:absolute;width:5px;height:1px;left:-4px;bottom:-2px;transform:rotate(-45deg);background:currentColor}
.mobile-menu{display:none}
.hero{height:325px;background:#274759 url("assets/hero.jpg") no-repeat center bottom;text-align:center;color:white}
.hero .container{padding-top:190px}
.hero h1{font-size:36px;line-height:1.3;text-shadow:0 3px 0 #0000001a}
.hero p{font-size:18px;font-weight:700;margin:15px 0 0}
.call-to-action{display:flex;justify-content:center;gap:5px;position:relative;margin-top:-22px}
.call-to-action .button{min-width:170px}
.introduction{padding-top:67px;padding-bottom:55px}
.introduction>p{line-height:28px;margin-bottom:60px}
.analytics{width:460px;max-width:100%}
.analytics p{margin:0}
.photo-section{color:#fff}
.product-tour{padding:65px 0 70px;background:linear-gradient(#000b,#0008),url("assets/information.jpg") center top/cover no-repeat}
.section-heading{text-align:center;margin-bottom:56px}
.section-heading h2{margin-bottom:14px}
.search-columns{display:grid;grid-template-columns:220px 460px 220px;gap:20px}
.search-columns p,.company-columns p,.power-columns p{line-height:24px;margin-bottom:28px}
.search-preview{text-align:center}
.search-preview img{width:425px}
.company-section{padding:40px 0 50px}
.company-columns{display:grid;grid-template-columns:540px 300px;gap:20px}
.company-image{width:496px;box-shadow:0 0 6px #ccc}
.power{padding:40px 0;background:linear-gradient(#000b,#0008),url("assets/ship.jpg") center top/cover no-repeat}
.power-columns{display:grid;grid-template-columns:300px 550px;gap:90px}
.power-columns img{width:550px}
.news{padding:60px 10px;background:url("assets/news.jpg") center/cover no-repeat}
.research-card{position:relative;background:#f6f6f6;border-radius:10px;min-height:300px;padding:20px 20px 64px;line-height:20px}
.research-card h3{color:#333;font-weight:700;margin-bottom:20px}
.research-card h5{font-size:13px;font-weight:400}
.research-card h5 a{color:#333}
.research-card time{font-size:13px}
.research-card p{margin-top:18px;font-size:14px}
.article-image{float:right;width:75px;margin-left:15px}
.article-image img{border-radius:50%;aspect-ratio:1;object-fit:cover}
.more-link{position:absolute;right:24px;bottom:24px;font-size:14px}
.more-link span{font-size:22px;margin-left:12px}
.closing{padding-block:40px 65px;text-align:center}
.closing h2{font-size:28px;margin-bottom:16px}
footer{font-size:13px;line-height:1.65;color:#fff}
footer a{color:#fff}
.footer-top{background:#262626;padding:40px 0}
.footer-columns{display:grid;grid-template-columns:140px 1fr 360px;gap:20px}
footer h4{font-size:14px;margin:0 0 6px}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin-bottom:8px}
.contact{text-align:right}
.contact address{font-style:normal;line-height:17px}
.contact img{margin-top:30px}
.footer-bottom{background:#1b1b1b;padding:20px 0}
.footer-legal{display:flex;justify-content:space-between;gap:30px}
.languages{display:flex;gap:25px;flex-shrink:0}
.legal-links{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:flex-end}
.copyright{margin:55px 0 0}
.loading-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0009;backdrop-filter:blur(3px)}
.loading-overlay[hidden]{display:none}
.loading-dialog{width:min(390px,100%);padding:40px 24px 30px;border-radius:8px;background:#fff;text-align:center;box-shadow:0 16px 60px #0004;outline:none}
.spinner{width:48px;height:48px;margin:0 auto 24px;border:4px solid #e6e8eb;border-top-color:#d6002a;border-radius:50%;animation:spin .85s linear infinite}
#loading-message{font-size:19px;font-weight:700;color:#333;margin:0 0 10px}
.loading-hint{color:#888;font-size:13px;margin:0}
body.is-loading{overflow:hidden}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1400px){.hero{background-size:cover}}
@media(max-width:980px){.container{padding-inline:24px}.navigation{gap:18px}.brand{width:130px;margin:0}.nav-actions{gap:15px}.navigation{font-size:12px}.search-columns{grid-template-columns:1fr 2fr 1fr;gap:24px}.company-columns{grid-template-columns:1.6fr 1fr;gap:40px}.power-columns{grid-template-columns:1fr 1.8fr;gap:50px}.footer-columns{grid-template-columns:120px 1fr 320px}.news{padding:50px 24px}}
@media(max-width:760px){.site-header{height:68px}.brand{width:110px;height:65px}.brand img{width:130px;height:96px}.solutions,.nav-actions{display:none}.mobile-menu{display:block;margin-left:auto;padding:10px 0;border:0;background:none;font:inherit;color:#666;cursor:pointer}.hero{height:300px;background-size:auto 325px}.hero .container{padding-top:160px}.hero h1{font-size:30px}.hero p{font-size:16px}.call-to-action{gap:4px;padding-inline:16px}.call-to-action .button{min-width:0;flex:1;padding:10px 5px;font-size:12px;letter-spacing:0}.introduction{padding-top:55px;padding-bottom:40px}.introduction>p{margin-bottom:38px}.analytics{width:auto}h2{font-size:22px}h3{font-size:16px}.product-tour{padding:40px 0}.section-heading{margin-bottom:32px}.search-columns{grid-template-columns:1fr;gap:10px}.search-preview{margin:0 0 24px}.search-preview img{width:min(425px,100%)}.company-columns,.power-columns{grid-template-columns:1fr;gap:30px}.company-image{width:100%}.company-columns p:last-child,.power-columns p:last-child{margin-bottom:0}.power-columns img{display:block;width:min(550px,100%);margin:auto}.closing{padding-block:40px}.closing h2{font-size:23px}.footer-columns{grid-template-columns:1fr 1fr;gap:24px}.contact{grid-column:1/-1;text-align:left}.footer-legal{flex-direction:column;gap:24px}.legal-links{justify-content:flex-start}.copyright{margin-top:35px}.news{padding:35px 20px}.research-card{min-height:320px}}
@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.8s}}