/* Readable type takes precedence over earlier compact presentation styles. */
body{font-size:16px}
.hero-copy>p,html:not([lang=ko]) .hero-copy>p,.feature-heading>p,.role-grid p,.app-panel p,.trade-copy>p,.hiplus-lead,.kazen-lead,.partners-copy>p,.download>p{font-size:16px;line-height:1.85;color:#666}
.section-num,.kicker,.hero .kicker,.app-panel-copy>span,.role-grid small,.hiplus-label,.kazen-label,.archive-tag,.collab-status,.hiplus-facts small,.kazen-points small,.bridge-item small,.card-caption small,.kazen-orbit,.premium-card figcaption{font-size:12px;line-height:1.6;letter-spacing:.06em}
.nav-shell nav a,html:not([lang=ko]) .nav-shell nav a{font-size:14px}
.nav-cta{font-size:14px;gap:14px}.brand small{font-size:9px;letter-spacing:.12em}
#language-toggle{font-size:12px;min-width:64px;height:44px;gap:6px;padding:0 9px}
#language-menu>p{font-size:12px}#language-menu button{font-size:16px;min-height:48px}#language-menu button span{font-size:12px}
.hero-actions .btn,.btn,.partners .btn,html:not([lang=ko]) .hero-actions .btn,.text-link,.app-panel-copy>a{font-size:15px;line-height:1.5}
.experience-strip span,html:not([lang=ko]) .experience-strip span{font-size:16px;line-height:1.5}
.experience-strip small,.experience-strip b{font-size:12px;line-height:1.6;letter-spacing:.025em}
.experience-strip>div{grid-template-columns:20px minmax(0,1fr);gap:6px 10px;align-content:start}
.hero-index{font-size:11px;line-height:1.6;letter-spacing:.05em}
.platforms,.platforms b{font-size:12px;line-height:1.5;flex-wrap:wrap}
.manifesto-top p{font-size:14px;line-height:1.8}
.feature-chips b,.app-flow span,.trust-steps span,.hiplus-facts span,.kazen-points span,.hiplus-source,.kazen-notice{font-size:14px;line-height:1.75}
.trust-steps strong,.hiplus-facts strong,.kazen-points strong{font-size:16px;line-height:1.6}
.trust-steps li>b{font-size:12px}.app-flow{flex-wrap:wrap;gap:16px}.app-flow i{width:35px}
.experience-nav button,html:not([lang=ko]) .experience-nav button{font-size:15px;line-height:1.5;min-height:64px;padding:16px}
.experience-nav button span{font-size:12px}
.preview-note{font-size:14px;line-height:1.75;align-items:flex-start}.preview-note>span{font-size:12px;line-height:1.7}
.bridge-item b{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.bridge-item span{font-size:14px;line-height:1.75}
.card-caption b{font-size:13px;line-height:1.6}.card-caption{max-width:100%;padding:0 8px;text-align:center}
.map-top,.map-bottom{font-size:14px;line-height:1.7;align-items:flex-start}.map-top b,.map-bottom b{font-size:14px}
.map-city{font-size:14px;min-height:40px;transform:translate(-9px,-20px)}
.map-city span{padding:4px}.map-bottom>span{text-align:right}
.cert-top>span,html:not([lang=ko]) .cert-top>span,.cert-title>small,.cert-inspection small{font-size:11px;line-height:1.6;letter-spacing:.025em}
.cert-top>b,.cert-status small,.cert-history time,.cert-history li>b,.cert-inspection p,.cert-handover,.cert-handover b{font-size:12px;line-height:1.65}
.cert-status b,.cert-history strong,html:not([lang=ko]) .cert-history strong,.cert-history p,html:not([lang=ko]) .cert-history p{font-size:13px;line-height:1.7}
.cert-history li,html:not([lang=ko]) .cert-history li{grid-template-columns:13px minmax(0,1fr);gap:4px 8px}
.cert-history li>b{grid-column:2;justify-self:start;padding-top:2px}.cert-inspection h4{font-size:16px;line-height:1.5}.cert-handover{flex-wrap:wrap}
.cert-id small,.cert-id em{font-size:10px;line-height:1.5}.cert-id strong{font-size:12px;line-height:1.5;letter-spacing:.02em}.cert-seal small{font-size:8px}
.notify-form input{font-size:16px}.notify-form button,html:not([lang=ko]) .notify-form button{font-size:15px;line-height:1.5;min-width:190px}
.download .consent-row{font-size:14px;line-height:1.8;color:#c3c3c3}.download .consent-row small{font-size:13px;color:#bdbdbd}
.stores b{font-size:15px}.stores small{font-size:12px;line-height:1.5;color:#aaa}.stores>span{min-width:0}
footer>div{font-size:14px;line-height:1.8;flex-wrap:wrap}footer>p{font-size:12px;line-height:1.8;color:#aaa}
.toast b{font-size:16px}.toast span{font-size:14px;line-height:1.7}
.download>.section-num{font-size:12px;line-height:1.6}
.hiplus-collab .hiplus-lead,.hiplus-collab .hiplus-source,.hiplus-collab .hiplus-facts span,#download>p{color:#bdbdbd}
.hiplus-collab .section-num,.hiplus-collab .archive-tag,.collab-bridge .bridge-item small,.collab-bridge .bridge-item span{color:#b0b0b0}
.hiplus-collab .hiplus-label,.hiplus-collab .hiplus-facts small,.collab-bridge .bridge-item.next small{color:#ff7d90}
.hero-index,.cert-title>small,.cert-inspection small,.cert-id small,.cert-id em{font-size:12px;line-height:1.6}
@media(max-width:1100px){
  .nav-shell nav,html:not([lang=ko]) .nav-shell nav{display:none;position:absolute;inset:100% 0 auto;margin:0;padding:16px 24px;background:#fff;border-bottom:1px solid #ddd;flex-direction:column;align-items:stretch;gap:0}
  .nav-shell nav.open,html:not([lang=ko]) .nav-shell nav.open{display:flex}
  .nav-shell nav a,html:not([lang=ko]) .nav-shell nav a{font-size:16px;padding:14px 8px}
  .nav-shell .menu-toggle{display:flex;margin-left:auto}.nav-shell .nav-cta{display:none}
}
@media(max-width:850px){
  .feature-heading{grid-template-columns:1fr;gap:18px}.feature-heading>p{justify-self:start}
  .role-grid{grid-template-columns:1fr;gap:16px}.role-plus{display:none}
  .experience-strip{grid-template-columns:1fr 1fr}.experience-strip>div{padding:22px 16px!important}
  .experience-strip>div:nth-child(-n+2){border-bottom:1px solid #333}
  .experience-strip>div:nth-child(2){border-right:0}
}
@media(max-width:560px){
  .hero-copy>p,html:not([lang=ko]) .hero-copy>p,.feature-heading>p,.role-grid p,.app-panel p,.trade-copy>p,.hiplus-lead,.kazen-lead,.partners-copy>p,.download>p{font-size:15px;line-height:1.85}
  .hero-actions{flex-wrap:wrap;justify-content:center}.hero-actions .btn,html:not([lang=ko]) .hero-actions .btn{font-size:14px;padding:0 18px}
  .section-num,.kicker,.hero .kicker{font-size:12px;letter-spacing:.04em}
  .nav-shell .brand>span{font-size:12px}.nav-shell .brand small{font-size:8px;letter-spacing:.04em}.nav-shell .brand{gap:9px}
  .nav-shell{padding-left:16px;padding-right:16px;gap:8px}#language-toggle{min-width:58px;font-size:12px;height:40px}.menu-toggle{flex-shrink:0}
  .experience-strip span,html:not([lang=ko]) .experience-strip span{font-size:15px}
  .experience-strip>div{grid-template-columns:1fr;gap:5px}.experience-strip small{grid-row:auto}.experience-strip b{font-size:12px}
  .manifesto-top{gap:15px;flex-wrap:wrap}.manifesto-top p{font-size:13px;text-align:left}
  .experience-nav{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding:12px}
  .experience-nav button,html:not([lang=ko]) .experience-nav button{flex:0 0 auto;min-width:100px;font-size:14px;min-height:60px;padding:16px 18px;white-space:nowrap;overflow-wrap:normal}
  .app-panel-copy{padding:28px 23px}.app-screen{width:min(320px,92%);max-width:92%;height:560px}
  .feature-chips b{font-size:13px}.app-flow span{font-size:13px}.app-flow{gap:9px}.app-flow i{width:14px}
  .preview-note{flex-direction:column;gap:10px;font-size:13px}.preview-note>span{font-size:12px}
  .trust-steps strong{font-size:15px}.trust-steps span{font-size:14px}
  .hiplus-facts,.kazen-points{grid-template-columns:1fr}.hiplus-facts>div,.kazen-points>div{padding:18px 0}
  .hiplus-facts span,.kazen-points span,.hiplus-source,.kazen-notice{font-size:13px;line-height:1.8}
  .collab-bridge{grid-template-columns:1fr;gap:20px;padding:30px 20px}.bridge-arrow{justify-content:flex-start}.bridge-arrow span{rotate:90deg}
  .bridge-item small{font-size:12px}.bridge-item b{font-size:17px}.bridge-item span{font-size:14px}
  .archive-tag,.premium-card figcaption,.card-caption small,.kazen-orbit{font-size:12px}.card-caption b{font-size:12px;letter-spacing:0}
  .partner-map{padding:18px}.map-top,.map-bottom{font-size:13px}.map-city{font-size:13px}.map-bottom{gap:12px}
  .cert-top{flex-wrap:wrap;gap:10px}.cert-top>span,html:not([lang=ko]) .cert-top>span{font-size:11px}
  .certificate{padding:22px 16px}.cert-status small{font-size:12px}.cert-history p,html:not([lang=ko]) .cert-history p,.cert-history strong,html:not([lang=ko]) .cert-history strong{font-size:13px}
  .cert-history time,.cert-history li>b,.cert-inspection p,.cert-handover,.cert-handover b{font-size:12px}.cert-bottom{gap:10px}.cert-id{min-width:0}.cert-id strong{overflow-wrap:anywhere}
  .notify-form button,html:not([lang=ko]) .notify-form button{font-size:15px;min-width:0}
  .consent-row{font-size:14px}.consent-row small{font-size:12px}.stores>span{padding:14px 10px;column-gap:8px}.stores b{font-size:14px}.stores small{font-size:12px}
  footer>div{font-size:14px;gap:14px 22px}footer>p{font-size:12px}
}