.language-picker{position:relative;flex:none;margin-inline-start:2px;direction:ltr}
#language-toggle{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid #e4e4e4;border-radius:5px;min-width:58px;height:38px;padding:0 9px;color:#333;font:500 9px 'DM Sans',sans-serif}
#language-toggle:hover,#language-toggle[aria-expanded=true]{border-color:#111;background:#fafafa}
#language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 14px);width:248px;padding:9px;background:#fff;border:1px solid #e7e7e7;border-radius:9px;box-shadow:0 18px 55px #0002;z-index:70;color:#111;text-align:start}
#language-menu[hidden]{display:none}
#language-menu>p{font:600 10px 'DM Sans',sans-serif;letter-spacing:.1em;color:#999;margin:10px 12px 13px}
#language-menu button{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:43px;border:0;border-radius:4px;background:#fff;color:#222;padding:10px 12px;font-family:Arial,'Noto Sans KR',sans-serif;font-size:13px;text-align:start}
#language-menu button span{font:400 9px Arial,sans-serif;color:#aaa;white-space:nowrap}
#language-menu button:hover{background:#f7f7f7}
#language-menu button[aria-pressed=true]{background:#fff1f3;color:#d71932;font-weight:700}
.notify-form button:after{content:'→';display:inline-block;margin-inline-start:16px}
/* Chinese has no spaces between words; allow natural character wrapping. */
html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3,html[lang=zh-Hans] h4,html[lang=zh-Hans] p{word-break:normal;overflow-wrap:anywhere}
.trade-copy,.certificate-shell,.app-panel-copy,.hiplus-copy,.kazen-copy{min-width:0}
/* Keep supporting text readable without forcing fixed-height cards. */
.cert-history p,.cert-history time,.cert-status small,.cert-inspection p{color:#707070}
@media(max-width:560px){
  .cert-history strong,html:not([lang=ko]) .cert-history strong{font-size:11px;line-height:1.5}
  .cert-history p,html:not([lang=ko]) .cert-history p{font-size:10px;line-height:1.7}
  .cert-history time,.cert-history li>b,.cert-inspection p{font-size:10px;line-height:1.6}
  .cert-history li{grid-template-columns:12px minmax(0,1fr);gap:4px 7px;padding:16px 0}
  html:not([lang=ko]) .cert-history li{grid-template-columns:12px minmax(0,1fr)}
  .cert-history li>b{grid-column:2;justify-self:start;padding-top:2px}
  .cert-status small{font-size:10px;line-height:1.5}
  .cert-inspection>div{min-width:0}.inspection-icon{flex-shrink:0}
  .cert-handover{flex-wrap:wrap;font-size:10px;line-height:1.6}
  .consent-row{font-size:11px;line-height:1.8;color:#aaa}.consent-row small{font-size:10px;color:#999}
  .bridge-item span{font-size:10px;line-height:1.7}.bridge-item b{overflow-wrap:anywhere}
  footer>div{line-height:1.8;row-gap:12px}
}
html:not([lang=ko]) .nav-shell nav{gap:22px}html:not([lang=ko]) .nav-shell nav a{font-size:11px}
html:not([lang=ko]) .hero h1{font-size:clamp(43px,4.8vw,69px);letter-spacing:-.045em;line-height:1.12;white-space:normal;overflow-wrap:normal}
html:not([lang=ko]) .manifesto h2{font-size:clamp(31px,3.6vw,49px)}
html:not([lang=ko]) .app-panel h3{font-size:clamp(29px,3vw,43px)}
html:not([lang=ko]) .cert-history p{font-size:8px}html:not([lang=ko]) .cert-history strong{font-size:8px}
html:not([lang=ko]) .cert-history li{grid-template-columns:14px minmax(0,1fr) auto}
html:not([lang=ko]) .cert-top>span{font-size:6px}
html:not([lang=ko]) .notify-form button{font-size:11px;min-width:170px}
html:not([lang=ko]) .experience-nav button{font-size:11px;gap:6px}
html[lang=ja] body{font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}
html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3{letter-spacing:0;line-break:strict;word-break:normal}
html[lang=ja] p,html[lang=ja] li,html[lang=ja] label,html[lang=ja] .trust-steps span{word-break:normal;overflow-wrap:anywhere;line-break:strict}
html[lang=hi] body{font-family:Arial,'Noto Sans KR',sans-serif}
html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}
html[dir=rtl] .nav-shell nav{margin-left:0;margin-right:auto}
html[dir=rtl] .hero-copy,html[dir=rtl] .app-panel-copy,html[dir=rtl] .trade-copy,html[dir=rtl] .hiplus-copy,html[dir=rtl] .kazen-copy,html[dir=rtl] .partners-copy{text-align:right}
html[dir=rtl] .device-stage,html[dir=rtl] .kazen-cards,html[dir=rtl] .hiplus-card-stage,html[dir=rtl] .app-screen{direction:ltr}
html[dir=rtl] .hero h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.4}
html[dir=rtl] .brand{direction:ltr}
html[dir=rtl] .app-panel-copy{padding-left:50px;padding-right:50px}
html[dir=rtl] .cert-handover b{margin-left:0;margin-right:auto}
html[dir=rtl] .cert-id{text-align:left}
html[dir=rtl] .cert-history li>b,html[dir=rtl] .cert-history time,html[dir=rtl] .cert-inspection p span{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .consent-row{text-align:right}
html[dir=rtl] #phone{direction:ltr;text-align:right}
html[dir=rtl] #language-menu{right:0;left:auto}
html[dir=rtl] .experience-strip>div{border-left:1px solid #303030;border-right:0}
html[dir=rtl] .experience-strip>div:last-child{border-left:0}
@media(max-width:1150px){html:not([lang=ko]) .nav-shell nav{gap:15px}.nav-shell{gap:18px}}
@media(max-width:950px){html:not([lang=ko]) .nav-shell nav{display:none;position:absolute;left:0;right:0;top:80px;flex-direction:column;align-items:stretch;padding:15px 24px;background:#fff;border-bottom:1px solid #eee;gap:0}html:not([lang=ko]) .nav-shell nav.open{display:flex}html:not([lang=ko]) .nav-shell nav a{padding:14px 8px;font-size:13px}html:not([lang=ko]) .menu-toggle{display:flex;margin-inline-start:auto}html:not([lang=ko]) .nav-cta{display:none}}
@media(max-width:850px){.nav-shell{gap:10px}.language-picker{margin:0}.nav-shell .menu-toggle{margin-inline-start:auto;margin-inline-end:0}#language-toggle{min-width:51px;height:36px;font-size:8px;padding:0 6px;gap:4px}#language-toggle svg{width:18px;height:18px}#language-menu{width:235px;max-width:calc(100vw - 32px)}html:not([lang=ko]) .nav-shell nav{top:70px}html[dir=rtl] .nav-shell nav{margin:0}html[dir=rtl] #language-menu{left:0;right:auto}}
@media(max-width:560px){.nav-shell{gap:9px}html:not([lang=ko]) .nav-shell nav{top:66px}html:not([lang=ko]) .hero h1{font-size:clamp(39px,11vw,56px);line-height:1.18}html:not([lang=ko]) .hero-copy>p{font-size:11px}html:not([lang=ko]) .hero-actions .btn{font-size:10px;padding:0 13px;gap:10px}html:not([lang=ko]) .manifesto h2{font-size:clamp(27px,7.5vw,36px);line-height:1.35}html:not([lang=ko]) .app-panel h3{font-size:clamp(27px,7.7vw,35px)}html:not([lang=ko]) .experience-nav button{font-size:9px;padding:14px 3px}html:not([lang=ko]) .download h2{font-size:clamp(32px,9vw,43px)}html:not([lang=ko]) .experience-strip span{font-size:11px}html[dir=rtl] .hero-copy{text-align:center}html[dir=rtl] .app-panel-copy{padding:27px 23px 30px}html[dir=rtl] .experience-strip>div:nth-child(2){border-left:0}}
