/* V26: full-width frontend, typography follows each module's inline size. */
:root{--wx-content-max:100%;}
.app,.about-app,body.wx-page.app-page{width:100%!important;max-width:none!important;margin-inline:auto!important;min-width:0;}
.app .bottom,.about-app .bottom,body.wx-page.app-page .mobile-bottom-nav{width:100%!important;max-width:none!important;}
.app .hero,.app .feature,.app .news,.app .about,.app .wx-notice,.app .wx-market,.app .shortcuts,.about-app .hero,.about-app .section,.wx-server-card,.owned-card,.wallet-card,.account-card,.profile-section{container-type:inline-size;}
/* Viewport-based fallback for browsers without container query units. */
.app .hero h1{font-size:clamp(22px,4.5vw,88px)!important;line-height:1.22;}
.app .hero p{font-size:clamp(11px,1.4vw,26px)!important;}
@supports(font-size:1cqw){
 .app .hero .slides>.slide .hero-copy{width:85%!important;max-width:none!important;padding:3cqw 2.8cqw 4cqw!important;}
 .app .hero h1{font-size:clamp(20px,4.5cqw,96px)!important;margin:1.2cqw 0 1cqw!important;}
 .app .hero p{font-size:clamp(10px,1.4cqw,28px)!important;line-height:1.5;}
 .app .hero .eyebrow{font-size:clamp(8px,1.1cqw,22px)!important;letter-spacing:.18em;}
 .app .hero .primary{font-size:clamp(10px,1.4cqw,28px)!important;padding:1.2cqw 2cqw!important;border-radius:4cqw;gap:2cqw;}
 .app .hero .slides>.slide .hero-copy>.primary{margin-top:1.6cqw!important;}
 .app .hero .primary span{font-size:inherit!important;}
 .app .section-kicker,.app .about-heading small{font-size:clamp(9px,1.1cqw,21px)!important;}
 .app .section-head h2,.app .about>h2,.app .feature h2,.app .wx-market h2,.about-app .hero h1,.about-app .section h2{font-size:clamp(20px,3cqw,56px)!important;}
 .app .feature p,.app .about>p,.app .about .about-lead{font-size:clamp(12px,1.55cqw,28px)!important;}
 .app .feature a,.app .about-heading span,.app .about-bottom,.app .about-bottom span,.app .wx-notice a,.app .wx-notice>span{font-size:clamp(11px,1.4cqw,25px)!important;}
 .app .shortcuts b{font-size:clamp(11px,1.5cqw,28px)!important;}
 .app .shortcuts .icon-bg{width:clamp(44px,7cqw,120px);height:clamp(44px,7cqw,120px);}
 .app .shortcuts .icon-bg svg{width:55%;height:55%;}
 .app .news-row b{font-size:clamp(13px,1.8cqw,32px)!important;}
 .app .news-row p{font-size:clamp(11px,1.4cqw,25px)!important;}
 .app .news-row small{font-size:clamp(10px,1.15cqw,22px)!important;}
 .app .about-service,.app .about-benefits>div,.app .about-mission{container-type:inline-size;}
 .app .about-service b,.app .about-benefits b{font-size:clamp(11px,4.5cqw,28px)!important;}
 .app .about-service small,.app .about-benefits small{font-size:clamp(9px,3.2cqw,22px)!important;white-space:normal;}
 .app .about-mission strong{font-size:clamp(17px,4.5cqw,64px)!important;}
 .app .about-mission p,.app .about-mission .wx-mission-more{font-size:clamp(10px,2.5cqw,30px)!important;}
 .app .about-mission span{font-size:clamp(9px,1.6cqw,22px)!important;}
 .wx-server-card .catalog-body h2,.owned-card h2,.wallet-card h2,.account-card h2,.profile-section h2{font-size:clamp(16px,4.3cqw,34px)!important;}
 .wx-server-card .catalog-desc,.owned-card p,.account-card p{font-size:clamp(10px,2.6cqw,21px)!important;}
 .wx-server-card .spec-row span,.wx-server-card .yield-row span,.wx-server-card .btn{font-size:clamp(9px,2.5cqw,20px)!important;}
 .wx-server-card .spec-row b,.wx-server-card .yield-row b{font-size:clamp(11px,3cqw,24px)!important;}
}
@media(min-width:769px){
 .app .header .brand-logo{width:clamp(245px,24vw,420px);max-height:none;}
 .app .bottom a,.about-app .bottom a,body.wx-page.app-page .mobile-bottom-nav a{font-size:clamp(12px,1vw,20px);}
}
@supports(font-size:1cqw){
 .feature.wx-section-with-image>.feature-text,.about-mission.wx-section-with-image>.wx-mission-content{padding:3cqw!important;}
 .app .about-service{grid-template-columns:clamp(27px,7vw,60px) minmax(0,1fr);}
 .app .about-service-icon{width:100%;height:auto;aspect-ratio:1;}
 .app .news-thumb{width:clamp(90px,15cqw,240px);height:auto;aspect-ratio:1.4;flex-shrink:0;}
}