/* Original architectural design, with current product naming and neutral surfaces. */
.hero-content{width:100%}
.hero h1{max-width:none}
.site-header{grid-template-columns:auto 1fr auto;gap:24px}
.site-header nav{justify-content:center;gap:18px;font-size:12px}
.app-title-row h2{font-size:clamp(52px,6vw,84px);letter-spacing:-.04em}
.app-name-en{display:block;font-size:.48em;letter-spacing:-.02em;margin-top:16px}
.app-subtitle{font-size:16px;line-height:1.6;letter-spacing:0}
.app-showcase{background:#f3f3f1}
.product-system{background:#17212b}
.product-card{background:#232e39}
.product-card:hover{background:#2c3946}
.product-card-media{background:#141c25}
.corporate dd{overflow-wrap:anywhere}
.product-slogan{margin:30px 0 0;padding:20px 0 20px 22px;border-left:2px solid #d4a959;max-width:820px}
.product-slogan p{margin:0;color:#f5f2e9;font-size:clamp(19px,2.2vw,28px);font-weight:500;line-height:1.65;overflow-wrap:break-word}
.product-slogan p[lang=en]{margin-top:10px;color:#c1c9d1;font-size:clamp(12px,1.2vw,15px);font-weight:400;line-height:1.7}
@media(max-width:1100px){.site-header nav{gap:12px;font-size:10px}.site-header{gap:16px}}
@media(max-width:960px){.site-header{grid-template-columns:1fr auto}}
@media(max-width:620px){.app-title-row{gap:16px}.app-title-row h2{font-size:58px}.hero h1{font-size:42px;line-height:1.15}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}